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)

All
Linux

Tracking

(firefox-esr60 affected, firefox62 affected, firefox63 affected, firefox64 affected)

RESOLVED DUPLICATE of bug 1411425
Tracking Status
firefox-esr60 --- affected
firefox62 --- affected
firefox63 --- affected
firefox64 --- affected

People

(Reporter: asoncutean, Unassigned)

Details

(Keywords: webcompat:site-wait, Whiteboard: [sitewait])

Attachments

(1 file)

Attached image screenshot issue.png
[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
I believe we have other bugs for too-big padding on form controls on ubuntu.
Component: Layout → Layout: Form Controls
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
QA Contact: svoisen
Component: Layout: Form Controls → Desktop
Product: Core → Tech Evangelism
Keywords: regression
Mike, should we file an issue on their repo?
Flags: needinfo?(miket)
Priority: -- → P3
Product: Tech Evangelism → Web Compatibility

See bug 1547409. Moving webcompat whiteboard tags to keywords.

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)

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.

Attachment

General

Created:
Updated:
Size: