Closed Bug 1232490 Opened 10 years ago Closed 27 days ago

<marquee> should have overflow: hidden

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Type:
defect

Tracking

()

Status:
RESOLVED FIXED
Tracking Flags:
Tracking Status
firefox46 --- affected
firefox-esr115 --- wontfix
firefox-esr140 --- verified

People

(Reporter: Biesinger, Assigned: emilio)

References

(
URL
)

Details

(Whiteboard: [fixed by bug 306344])

(via https://code.google.com/p/chromium/issues/detail?id=568528) Currently, in Firefox, <marquee> uses the default overflow value, ie. overflow is visible. However, in Chrome, we use overflow: hidden, which is the correct value per the spec - https://html.spec.whatwg.org/multipage/rendering.html#the-marquee-element:the-marquee-element-2-21 In the URL below, the marquee gets cut off at its bottom in Chrome, which is the correct behavior per spec. But Firefox doesn't do that.
Internet Explorer did this for every element, iirc, which was against the spec at that time, but sure, if we want to mimick Internet Explorer in this case, then it can be done.

Test case

data:text/html,<!doctype html><marquee behaviour="right" style="font-size:26px;height: 24px;">p and q will be cut</marquee>

Safari and Edge Chromium cut the bottom
Firefox shows the full text.

Not sure what the status of this is, but I'd also suggest to return 'hidden' for marquee overflow in window.getComputedStyle. I have an addon adjusting an element's bounding box for its ancestors' bounding-box + overflow, and it doesn't work since marquee says "visible", when in reality it isn't.

Or maybe it's time to remove marquee altogether.

marquee can't be removed. It would break a lot of sites, specifically in India

Severity: normal → S3

Fixed by bug 306344.

Assignee: nobody → emilio
Status: NEW → RESOLVED
Closed: 27 days ago
status-firefox-esr115: --- → wontfix
status-firefox-esr140: --- → verified
Depends on: 306344
Resolution: --- → FIXED
Whiteboard: [fixed by bug 306344]
You need to log in before you can comment on or make changes to this bug.