Bug 85380 – Switching focus to an element with CSS display: none iOS crashes Mobile Safari

• Status: RESOLVED
• Resolution: INVALID
• Component: CSS

[Charles Pritchard]

By using CSS selectors we can set adjacent or child elements to display when an item is hovered over or focused.
Such as
<button>Content <span onclick="1;">popup</span></button>

span {
display: none; position: absolute; top: -3em;
}

button:focus, button:hover span {
display: block;
}

The technique seems to crash Mobile Safari when tapping on the child element. On the desktop, it works fine and the element stays displayed. It seems on Mobile Safari that the button loses focus, causing the child to become display: none before receiving focus, then immediately crashes the browser.

[Alexey Proskuryakov]

Please file this bug via <http://bugreport.apple.com>. It won't be looked at here - mobile WebKit ports generally don't build from webkit.org source code directly, so we cannot track those bugs here.

[Matt Lilek]

Please include a crash log when filing on bugreport.apple.com too.  After you've filed, it would be awesome if you posted the 8 digit Bug ID it gives you here.