Closed
Bug 1496355
Opened 6 years ago
Closed 2 years ago
[Ubuntu] Dropdown buttons inside the three.js demos are slightly cut off
Categories
(Web Compatibility :: Site Reports, defect, P3)
Tracking
(firefox-esr60 affected, firefox62 affected, firefox63 affected, firefox64 affected)
RESOLVED
DUPLICATE
of bug 1411425
People
(Reporter: asoncutean, Unassigned)
Details
(Keywords: webcompat:site-wait, Whiteboard: [sitewait])
Attachments
(1 file)
8.27 KB,
image/png
|
Details |
[Affected versions]: - 62.0.3 (20181001155545) - 63.0b11 (20181001131022) - 64.0a1 (2018-10-03) [Affected platforms]: - Ubuntu 16.04 x32 - Ubuntu 18.04 x64 [Steps to reproduce]: 1. Go to any sample/demo that has a dropdown menu inside the Controls section (eg. https://threejs.org/examples/#webgl_lines_fat or https://threejs.org/examples/webgl_animation_skinning_morph.html) [Expected result]: - The dropdown buttons are not cut off, the text in focus is properly centered. [Actual result]: - The dropdown buttons are slightly cut off. [Regression range]: - This is an old regression: Last good revision: 099f695d31326c39595264c34988a0f4b7cbc698 (2015-11-25) First bad revision: c321d84038519dcf1670d59fd2c5c00ad8a85a55 (2015-11-26) Pushlog: https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=099f695d31326c39595264c34988a0f4b7cbc698&tochange=c321d84038519dcf1670d59fd2c5c00ad8a85a55
Comment 1•6 years ago
|
||
I believe we have other bugs for too-big padding on form controls on ubuntu.
Component: Layout → Layout: Form Controls
Comment 2•6 years ago
|
||
I don't understand how this can be a regression. It's quite clearly a mistake in the styling on the site: .dg .c select { margin-top: 5px; } .dg li:not(.folder) { cursor: auto; height: 27px; line-height: 27px; overflow: hidden; padding: 0 4px 0 5px; } Any form control that doesn't fit within 27px will be clipped. The <select> seems to render as expected for me, but it's clipped because it's larger. That's not a bug in Gecko, it's a bug on the web site.
QA Contact: svoisen
Updated•6 years ago
|
QA Contact: svoisen
Updated•6 years ago
|
Component: Layout: Form Controls → Desktop
Product: Core → Tech Evangelism
Updated•6 years ago
|
Keywords: regression
Comment 3•6 years ago
|
||
Mike, should we file an issue on their repo?
Flags: needinfo?(miket)
Priority: -- → P3
Comment 4•6 years ago
|
||
Thanks, yeah. The example is at https://github.com/mrdoob/three.js/blob/dev/examples/webgl_animation_skinning_morph.html https://threejs.org/examples/js/libs/dat.gui.min.js is what powers the control thingy. Let's file an issue: https://github.com/dataarts/dat.gui
Flags: needinfo?(miket)
Assignee | ||
Updated•5 years ago
|
Product: Tech Evangelism → Web Compatibility
Comment 6•5 years ago
|
||
See bug 1547409. Moving webcompat whiteboard tags to keywords.
Keywords: webcompat:site-wait
Comment 7•2 years ago
|
||
This seems to be fixed, the options in the drop-down menu are fully visible now.
https://i.imgur.com/ZUt7ED0.png
https://i.imgur.com/OKTNQl1.png
Tested with:
Browser / Version: Firefox Nightly 103.0a1 (2022-06-01)
Operating System: Ubuntu 20.04.2
Anca can you still reproduce it on your side?
Flags: needinfo?(anca.soncutean)
Comment 8•2 years ago
|
||
Yeah, this was fixed by the non-native theme.
Status: NEW → RESOLVED
Closed: 2 years ago
Flags: needinfo?(anca.soncutean)
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•