form-js icon indicating copy to clipboard operation
form-js copied to clipboard

CSS overflow style not being applied when dropdown options are closed on Safari

Open markcellus opened this issue 10 years ago • 0 comments

  1. Click on dropdown
  2. Select an option
  3. Observe on Safari browser that if overflow:hidden style is applied on the "dropdown wrapper", it does not hide the "dropdown options container" as intended due to the browser not re-rending the element with the new overflow:hidden style.

There is a fix for this in CSS here, but may be useful to implement a JS fix in this package.

Sources:

http://stackoverflow.com/questions/3485365/how-can-i-force-webkit-to-redraw-repaint-to-propagate-style-changes http://mir.aculo.us/2009/01/11/little-javascript-hints-episode-3-force-redraw/ http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/

markcellus avatar May 12 '15 15:05 markcellus