I'm dealing with an issue that shows up for people using Chrome 60.0.3112.90 where changing the disabled attribute of a button, hides it.
I've created a Minimal, Complete and Verifiable example where you can click the + button to toggle the disabled attribute.
https://jsfiddle.net/1wtj8a8a/3/
- The element is still present in the DOM
- The element doesn't have
display: noneset - If you zoom out and zoom in again (Ctrl and scroll) it shows again
- If you add a margin or padding attribute to the wrap div, it appears again
Removing the overflow: hidden seems to solve the problem, but I'd rather not do it, because the text on the buttons will overlap (in my real setup). I've tried replacing it with overflow-x: hidden, but to no avail.
Question
- Why does this happen?
- What can I do instead of removing
overflow: hidden?