AngularJS Glitches - css

I'm developing a MEAN stack application. I have a very rare glitch that makes my site unusable.
I have make video to illustrate what is happening.
Things to take notes about:
The glitch is solved when I hover over the tab name, or when I move to another chrome tab and I return here.
Could you tell me if you have seen something like this before?
Thanks in advance for your answers and your time.
Here is the video link: https://drive.google.com/file/d/0B0QWPtcmBoNIaVVGMjhubnhQZVU/view?usp=sharing

Related

Can only scroll page with two fingers on iOS

We have a strange bug in our application where sometimes you can only scroll tall pages with two fingers. If trying to scroll with one finger the page doesn't move, and we just can't seem to find a solution to it. This only appears in iOS and in both Safari & Chrome. Any advice would be helpful!
Edit: Just to be clear, the desired outcome is to be able to scroll with one finger and NOT two fingers!
We finally found the root cause of this issue which was a failed old script that applied a ‘touchmove’-event listener, that somehow blocked touch events, that was not removed later due to the script failing.
It appears that this is an intentional behaviour. iOS is trying to prevent accidental one-finger scrolling in containers, forcing users to be explicit in their expected scrolling. We had the same issue on our website and I just found out about this on this website.
A possible solution (that I will confirm shortly) can be found here and here.
Let me know if that works for you.

Chrome 77 LayoutNG breaks my float layout

I have a website that I designed based on the "Holy Grail" layout described in this A List Apart post. A recent Chrome update broke it. You can see the results on the example page for the article (I also made it into a fiddle). Open it in Firefox to see what it should like and in Chrome to see what's happening now.
I realize that this technique is super dated, and I have plans in place to redesign it with Flexbox. But, that will take time, and I was hoping to get it working again quickly in the meantime while I work on a redesign. You can read more about LayoutNG on this page.
Does anyone know any tips and tricks to fix this? Is there a Chrome bug already open that I can follow?
Update: I decided to test it in Canary (v79), and the layout works perfectly there. It's still broken in Beta though (v78). So, I could wait until the current Canary gets released, but that won't be until December according to current estimates. So, I would still like to find a quick fix between now and then if one is available.
Here's some code to make SO happy:
SO won't let me post a link to jsFiddle without code...smart
It turned out to not be that hard to reimplement the layout with Flexbox. So, I just did some good old fashioned user agent sniffing to detect broken Chrome versions and load a small CSS snippet to override the appropriate styles.

Magnolia CMS "jumping cursor"

when in the Magnolia UI a click/double click on a node provokes a redraw of the UI. That wouldn't be bad if after the click the focus would still be the same but instead your are being thrown to a random node as the focus. Its frustrating to work with because with a big structure like we have, for every click you need to scroll and look again for the node you want to work with.
I googled extensively but have found no clue how to fix this behaviour.
It happens in Chrome 56.0.2924.87 as well as in Firefox 52.0.2 (64-Bit)
Any idea would be welcomed, this is really annoying.
Best wishes,
Chris
I assume you hit to https://jira.magnolia-cms.com/browse/MGNLUI-4084,
this has been fixed since 5.5.2. Please try to update and see if that works for you.
If unfortunately that's not the case, please feel free to report it to Magnolia.
Cheers,

H5P timeline alignment

I have a running website that has a H5P timeline that works really well in chrome but in Firefox its outside the canvas and off to the side. The website is here:
http://www.tunapanda.org
If you scroll down a little bit you will see the timeline developed in H5P. This timeline should show under the heading "Our History". It does this in Chrome, but in Firefox it appears to the right of the heading, to a large part outside the window.
Any help would be greatly appreciated!
I can't find your content, it seems you have removed it from the page.
If you're still looking to solve the problem I would suggest updating your H5P timeline or grabbing it directly from github by getting the wrapper and the external timelinejs library.
If you still experience problems after this I suggest trying to isolate the problem and put up a code snippet, link to a jsfiddle or an off-prod site that we can check out to help you further.

Extra "Search web" appears when scrolling my site on iPhone

I am experiencing the following (strange) bug:
When my site is seen on iPhone 4 (haven't tested on 5), an extra "Search web" bar appears when scrolling up and down. It slows down the browsing dramatically. It happens on both Safari and Chrome. It doesn't happen on other sites on the same device (so it is not a problem with the phone itself or its browse).
I cannot find any similar reports on the internet.
Has anybody seen something like this?
Could you have a look at my site www.justrunlah.com and check if something is wrong?
Can you even reproduce it?
Screenshot:
thanks a lot in advance
Try hiding the search bar within your website (header-search) and see if the problem still exists (just to test to see if its your own searchbar that's causing the problem).
It was some sneaky code added by a plug-in.
More specifically: Sweet Captcha used a code connected to Errnio to monetize
I removed the plug in and it's gone
Read more: https://wordpress.org/support/topic/hidden-search-bar-features?replies=3

Resources