The "LOOK UP" button for https://ipstack.com/ is not properly rendered
Categories
(Web Compatibility :: Site Reports, defect, P3)
Tracking
(firefox-esr52 affected, firefox60 affected, firefox61 affected, firefox101 affected, firefox110 affected, firefox111 affected)
People
(Reporter: obotisan, Assigned: ksenia, NeedInfo)
References
()
Details
(4 keywords, Whiteboard: [sitewait])
User Story
platform:windows,mac,linux,android impact:significant-visual configuration:general affects:all branch:release
Attachments
(3 files)
[Affected versions]: - latest Nightly 61.0a1 - latest DevEdition 61.0b1 - Release 59.0.3 - Esr 52.8.0 [Affected platforms]: - Windows 10 x64- Mac OS X 10.11 - Ubuntu 16.04 x64 [Steps to reproduce]: 1. Launch Firefox. 2. Access the following website https://ipstack.com/ 3. Observe the "LOOK" and the "UP" buttons in the webpage. [Expected result]: - The "LOOK" and the "UP" buttons are properly rendered in the browser. [Actual result]: - The "LOOK" and the "UP" buttons are not properly rendered in the browser. [Regression range]: - Not a recent regression I was able to reproduce it on FF 54 as well. [Additional notes]:- It seems that Opera browser and Chrome are not affected by this bug
Comment 1•6 years ago
|
||
One of the ancestor elements of that button is <div class="ipchecker"> which is styled with width:500px, if I toggle that declaration off in devtools the button looks fine. I suspect this is merely a web site issue and not an actual layout bug. Please reassign to Core/Layout in case you have a reduced testcase that shows it's an actual bug.
Comment 2•6 years ago
|
||
I suspect this is a 1 or 2px subtle font rendering difference that is breaking the fixed width assumptions of the design. The server is on GitHub, but I don't see the website: https://github.com/apilayer/freegeoip
Comment 3•6 years ago
|
||
Issue exists in Safari as well. Reaching out to support@ipstack.com
Updated•6 years ago
|
Comment 5•5 years ago
|
||
See bug 1547409. Moving webcompat whiteboard tags to keywords.
Comment 6•4 years ago
|
||
Hello,
This issue is still reproducible on esr 68.10.0 only on the Ubuntu platform.
Also not only is the Look UP button not rendered properly but the geolocation ping on the left is rendered out of the ip field bounds.
Comment 9•2 years ago
|
||
The issue is not reproducible on a device with a display diagonal of 14.7" (37.3 cm) having the following display dimensions: width x height: 12.8" x 7.2" (32.5 cm x 18.3 cm)
https://prnt.sc/OZpsqdgax2lE
but is reproducible on devices having a larger display diagonal, in my case 22.9" (58.2 cm), having the following display dimensions: width x height: 20" x 11.3" (50.8 cm x 28.7 cm)
Tested with:
Browser / Version: Firefox Nightly 101.0a1 (2022-04-11) (64-bit) / Chrome Version Version 100.0.4896.88 (Official Build) (64-bit)
Operating System: Windows 10 PRO x64
Notes:
- Reproducible regardless of the status of ETP.
- Reproducible on the latest build of Firefox Nightly.
- Works as expected using Chrome.
Updated•2 years ago
|
Comment 10•2 years ago
|
||
I was not able to reproduce this issue on the latest Nightly. Oana, can you take a look and confirm, please?
Tested on:
Operating system: Windows 10
Firefox version: Nightly 110.0a1 (2023-01-11) / Chrome 108.0.5359.125
Note: Tested on 24" monitor, resizing the browser's window does not make the issue reproduce
Reporter | ||
Comment 11•2 years ago
•
|
||
I can still reproduce the issue on Windows 10 x64 while using Firefox 110.0b2 and Nightly 111.0a1 (2023-01-18).
On the other hand on macOS 12 and Ubuntu 16 x32, the site seems fine. I can't reproduce the issue there. It's just a Windows issue it would seem.
Reporter | ||
Updated•2 years ago
|
Description
•