Bug 59282 – A trivial user stylesheet breaks Gmail's "Compose mail" window

• Status: NEW
• Component: CSS

[Marc Hoyois]

Summary:

The CSS rule

*[style] {}

in a user stylesheet wreaks havoc in Gmail's "Compose mail" window.

Steps to reproduce:
1) Create a file containing the line

*[style] {}

and select it as style sheet in Safari's preferences.

2) Go to http://www.gmail.com and login using for example

login: clicktoflash
password: click2flash

3) Click the "Compose mail" button in the left column.

4) In the "To" field, type "ma" to bring up a list of suggested addresses, and try to select one using tab or enter or by clicking on it.

Expected result:
Everything should work the same as with no user style sheet.

Actual result:
1) The text area for the message's content is shrunk vertically.
2) The rich text editing tools just above that text area never appear (instead we see "Loading rich text…" forever).
3) Whatever you try to do in step 4 to select an address doesn't work.

Build Date & Platform:
Tested on Safari 5.0.5 and WebKit r84622

Additional information:
1) More complex CSS rules also trigger this problem, of course. I first observed that it was caused by my ad-blocking style sheet and narrowed it down to this empty CSS rule.
2) Any changes to the CSS while in the Compose window will "unlock" it and make everything work properly. For example:
- changing the user style sheet
- enabling/disabling an extension that has a CSS stylesheet
- checking/unchecking the "Never use font sizes smaller than" box
- changing the default fonts in the preferences

[Marc Hoyois]

Forgot to say that the CSS rule is also minimal: if you remove the [style] attribute selector, everything works properly. I've also tried a few other attribute selectors but only [style] triggered the problem.

[Alice Boxhall]

Attempted to reproduce in Safari 5.0.4 and could not reproduce, so this may be a regression.

[Alexey Proskuryakov]

<rdar://problem/9466970>