It seems that Chrome 84 changed the way clicked links work for accordions/read more buttons.
For an example check https://www.w3.org/TR/wai-aria-practices-1.1/examples/accordion/accordion.html in Safari and Chrome 84.
In Chrome 84 the clicked link just remains under the mouse pointer thus making accordions and 'hidden' texts with 'read more' buttons open in a wrong way.
I tried looking in the changelogs for any kind of attribute that can disable this behaviour, but couldn't find anything.
Does anyone have a solution?
I am not exactly sure what you describe. But my website had an issue with Chrome 84 and what I did is set below CSS and it solve my issue.
body {
overflow-anchor: none;
}
Related
i have more than 100 checkboxes on a page. when checkbox is clicked, check-mark appear after seconds delay.
it works fine on chrome but problem is only found on Internet Explorer.
remove all css and click event wont solve the problem. its seems like default behavior of IE.
one interesting fact, if around 50 checkboxes appear on screen, problem goes away. no slowness is observed if checkboxes are not in hundreds.
Please suggest.
I am using ui grid 3.0.6. Until yesterday it was working fine. But there is a problem in Google chrome now.(Version 56.0.2924.87)
When I scroll the grid, or click on scroll down arrow it starts scrolling very fast. Couldn't control the speed. It was working fine and only in Chrome.
Can anyone help?
Thanks in advance.
Adding this style to my style.css is helped
.ui-grid-viewport {
overflow-anchor: none;
}
It's may be related to "Scroll Anchoring" feature, that has been enabled by default in Chrome 56.
description of feature
css-property "overflow-anchor: none", should solve this problem.
I'm encountering a strange issue.
I have a facebook button at the bottom of a page. When clicked, the facebook "Comment/share" box pops up.
The behaviour is correct under FF and IE, but not in Chrome, where the box is cut by the bottom of the page. In other words, the page isn't resized as it is under FF and IE.
The page has a min-height and max-height, and the containers have an overflow:visible attribute as the facebook docs advises to avoid some display issues of the share iframe.
The curious thing is that the bug disappears by simply opening the developer tools, and checking/unchecking any CSS attributes of any parent element of the FB-button.
My guess is that the resize of the window isn't captured by Chrome when the button is clicked, but it is when using the developer tools.
I tried to explore other sources of the problem (max-height not working properly or a higher element having a overflow:hidden) but I found nothing conclusive.
Thank you for help.
You may have an issue if you're running a theme in Chrome. If you are, try resetting to the default theme:
options > personal stuff > themes > reset to default theme
Also, make sure you aren't zoomed out or in. Chrome gets a little funky with the zooming.
Assuming those aren't the issues, try putting the Share code in a div with a unique ID or class:
<div id="myFacebookContainer">Plugin HTML Here</div>
Your CSS would include something along the lines of this:
#myFacebookContainer span{
height:25px;
}
#myFacebookContainer iframe{
height:25px;
}
I hope one of those suggestions helps!
We have a client who is using IE7 and for some reason drop-down boxes and text-area area fields are not displaying correctly. The arrow for the drop-down box does not appear and the right border of the text-area box does not display.
Works in IE 8/9, Chrome, FF. See image attached
Does anyone know what is causing this and how I can fix?
This is a html/php app
You didn't include the markup so we can only guess. There is no way to know for sure. I would inspect the textboxes in Firebug or something similar and see if they're inheriting styles that you aren't aware of.
Weird problem. I don't know if anyone can shed some light on this? I have a checkbox inside a div. It works fine in IE but not Firefox. I have to click the space around the checkbox that is occupied by the div (sort of like a label) for the checkbox to tick on and off. Directly clicking the checkbox does not show it as ticked on or off, even though in firebug it is showing that it is in a checked state and an unchecked state.
Only in FF does this happen.....
I think this is a bug in firebug. Disabling firebug will stop this behaviour happening.
I had a similar strange thing happening with radio buttons. Disabling firebug fixed it.