| • Deskana | |
| Aug 27 2018, 8:26 PM |
| F25614244: Screen Shot 2018-09-02 at 13.44.08.png | |
| Sep 2 2018, 1:11 PM |
| F25444328: Screen Shot 2018-08-27 at 21.21.06.png | |
| Aug 27 2018, 8:26 PM |
Steps to reproduce:
Expected results:
Actual results:
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| Turn off CSS transforms after toolbar has been opened | mediawiki/extensions/VisualEditor | master | +5 -0 |
Tested this a fair bit on Safari 11.1.2 and couldn't get it to trigger. Looks like a browser or OS bug though, so might be not much we can do about it.
Which version are you using, as is it still reproduceable?
It's still happening for me. Safari 11.1.2, macOS 10.13.6.
The problem seems to be intermittent. At first it didn't happen on Dublin for me, but then when I left editing mode completely and re-entered it, it started happening again. Then I tabbed out to write this comment here, and when I tabbed back to Safari, it wasn't happening any more. Then I reloaded again, and it started happening again. On this article, the distortion is huge, which makes me wonder whether it's related to article size somehow? I can't upload a screenshot right now, as I'm on a shaky connection, but it's basically the same as the screenshot in the description, except the distortion is half the height of my screen. (!!!)
Meanwhile, on some articles like Hazel Grove, I can't seem to get it to happen at all no matter how hard I try.
@Deskana: That's definitely a crazy browser bug. My first guess would be the transform property as that usually triggers GPU rendering which could go wrong.
If you can reliably reproduce this locally, can you try running this in the console after the editor loads, and see if it makes a difference:
$('.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar').css('transform', 'none')
@Esanders When I experience this issue, running that JS fixes it for the rest of that edit session. It seems like you're on to it!
Change 460521 had a related patch set uploaded (by Esanders; owner: Esanders):
[mediawiki/extensions/VisualEditor@master] Turn off CSS transforms after toolbar has been opened
Change 460521 merged by jenkins-bot:
[mediawiki/extensions/VisualEditor@master] Turn off CSS transforms after toolbar has been opened
