Weird layout on MediaWiki preferences |
||||||||
Issue descriptionVersion: 51 (this issue is an old one which is available on current Safari versions also) OS: OS X 10.11 (but is available on other OSes AFAIK as well) What steps will reproduce the problem? Open the attachment and compare with Firefox What is the expected output? The text should be on first line just like Firefox What do you see instead? Other than the difference from Firefox, if you click on the box, text will be moved up and that's intresting with considering the fact the testcase doesn't contains any javascript
,
Jul 9 2016
,
Jul 9 2016
,
Jul 9 2016
,
Jul 10 2016
New simplified testcase: Open data:text/html,<html dir="rtl"><div style="float: right"><input></div><div style="margin-right: 42px; width: 80%">Card Click on input
,
Jul 10 2016
data:text/html,<div dir="rtl"><input style="float: right"><div style="margin-right: 50px; width: 0px">Card
,
Jul 11 2016
data:text/html,<div dir="rtl"><input style="float: right" placeholder="Click me"><div style="margin-right: 50px; width: 0px">Card
,
Jul 11 2016
,
Jul 11 2016
Thank you for the minimized test case. First, this does not look to be related with RTL. Test case: data:text/html,<div ><input style="float: left" placeholder="Click me"><div style="margin-left: 50px; width: 0px">Card Second, this only occurs when "width: 0px". The following test case renders the same in Chrome/Safari/Firefox: data:text/html,<div ><input style="float: left" placeholder="Click me"><div style="margin-left: 50px; width: 1px">Card I'm not sure whether this is a defined behavior or not -- should a box with zero width be considered as "exists" and pushed down by floats? I will check Edge/Trident behavior later.
,
Jul 13 2016
Hmmm, I didn't see the issue with your testcases, Not sure if it would be useful but on data:text/html,<html dir="rtl"><div style="float: right"><input placeholder="Click on me"></div><div style="margin-right: 42px; width: 80%">Card width is not 0px and moreover the issue is the flaking layout more than what it should be, for me.
,
Aug 4 2016
Hmm, it seems something is change from 51 to 52, would be nice to test original (c#1) on a low DPI Mac but I can say reduction still should act like Firefox which is not. Also here is a more complicated way to repro: 1. Create an account on English Wikipedia https://en.wikipedia.org/wiki/Main_Page if you don't have already 2. Open Persian Wikipedia https://fa.wikipedia.org/wiki/ (you English login should work here if it doesn't automatically login you) 3. Open https://fa.wikipedia.org/wiki/%D9%88%DB%8C%DA%98%D9%87:%D8%AA%D8%B1%D8%AC%DB%8C%D8%AD%D8%A7%D8%AA#mw-prefsection-betafeatures You shouldn't see the gap between the select box and title and if you are in Chrome 51, clicking on it will remove that gap.
,
Nov 18 2016
This seems to be fixed a some point. Most important issue was fixed on 51 to 52 that removed shaky behavior which was most interesting thing I was looking for but even after, things got more consistent it seems. |
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by ebra...@gnu.org
, Jul 9 201652.9 KB
52.9 KB View Download