Last modified: 2012-08-23 18:43:37 UTC
Created attachment 10885 [details] Screenshot of the white box overlapping regular text while using the editor From time time to time a white square appears in the editor, overlaying/masking part of the text. It can appear both when clicking/typing, as well as when selecting text. In the latter case it is even more visible due to the blue selection being interrupted by the box. Debugging tells me it is the idle iframe idling in the bushes, pretending to be hidden. Steps to reproduce: * Open https://www.mediawiki.org/wiki/VisualEditor:Test in Chrome 20 (Mac) * Switch to "Edit" mode * Select a word in the editor * Bolden it * Click "Save Page" Unexpected result: * White box appears where the word was selected.
Created attachment 10886 [details] Screenshot of the white box overlapping selected text in the editor
Though the iframe has width: 0; height: 0;, Chrome does not allow zero-dimensioning an iframe. Firefox has issues with display: none; (doesn't load it until it is in the flow). Initial testing shows that visibility: hidden; may be an outcome. Because that makes it part of the flow, without being visible. Add that to the fact that it is absolutely positioned, and it is basically not in the flow at all.
I am still unable to reproduce this in Chrome 20 and 22. Though, hopefully is fixed by setting visibility hidden. Patched in https://gerrit.wikimedia.org/r/16663.
The box ain't white this time, but it's stealing my clicks!
I made an attempt to resolve it, but it caused the same old issue in FireFox as always. I7a69bac66c66ca1c0910f4adfda9a37cdac6f030
It's blue this time!! I'll take a shot at it.
Correction, when inspecting the iframe in the DOM, it is blue. The issue has seemed to have vanished as Trevor and I were unable to reproduce it. Set height and width to 0 for good measure. https://gerrit.wikimedia.org/r/21205
