Issue metadata
Sign in to add a comment
|
'position: sticky': add 1px extra top margin
Reported by
jsa...@besport.com,
Feb 14 2017
|
||||||||||||||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36 Example URL: http://ocsigen.org/ocsigen-start/demo/demo-carousel2 Steps to reproduce the problem: 1. Goto http://ocsigen.org/ocsigen-start/demo/demo-carousel2 2. Make sure that you can scroll enough by redimensioning window or enable mobile view in inspector 3. Scroll down What is the expected behavior? Tab bar should be positioned right below the top bar. What went wrong? The tabs menu have a 1px gap at the top. You can see text below when scrolling the page. Note: If you change the font-size of the body from 14px to 15px, it works. 16px and 17px reintroduce the bug and 18px is okay... According to the inspector and the console, element have the right size / position: The tab element reports: $0.getBoundingClientRect() ClientRect {top: 50, right: 320, bottom: 100, left: 0, width: 320…} The top bar element reports: $0.getBoundingClientRect() ClientRect {top: 0, right: 320, bottom: 50, left: 0, width: 320…} Does it occur on multiple sites: N/A Is it a problem with a plugin? N/A Did this work before? Yes Does this work in other browsers? Yes Chrome version: 56.0.2924.87 Channel: stable OS Version: OS X 10.12.3 Flash Version: Shockwave Flash 24.0 r0 Worked in version 55
,
Feb 15 2017
Unable to reproduce the issue on windows 7, Mac 10.12.3 using chrome version 56.0.2924.87 and version 55.0.2883.95 with the below steps 1.Go to URL http://ocsigen.org/ocsigen-start/demo/demo-carousel2 2.Enable mobile view from dev tools 3.Scroll the page 4.Not observed any gap between tab bar and tabs menu Please find the attached screen cast and confirm if anything missed here. Thanks,
,
Feb 15 2017
You can not scroll enough with these settings. So you can not see the text behind the nav tab. Please try with the iphone 5 view or see screenshots attached.
,
Feb 16 2017
No it's not. It is just that you scrolled in a way that what is shown by the 1px gap is white, and invisible. See attachement. - First screenshot (xxxx08.43.07) is just like your screenshot. - Second (xxxx08.43.19) show the problem by scrolling up a little bit so gap is not aligned anymore with white background - Thirs one (xxxxx8.45.06) (making sticky element's background red) clearly show the problem.
,
Feb 20 2017
Issue similar to the bug 692263 .Hence merging this into 692263. Please feel free to undupe if not similar. Thanks,
,
Jul 19 2017
The same problem is still present while 692263 has been fixed. PS: I do not know how to undupe, but problem does not seem to be the same. |
|||||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||||
Comment 1 by nyerramilli@chromium.org
, Feb 15 2017