Closed
Bug 1178165
Opened 9 years ago
Closed 9 years ago
In Bloomberg "What is Code" article, Firefox lets you scroll way off rightwards with rightarrow, despite "overflow-x: hidden" on <body> element
Categories
(Core :: Layout, defect)
Core
Layout
Tracking
()
RESOLVED
DUPLICATE
of bug 295020
| Tracking | Status | |
|---|---|---|
| firefox42 | --- | affected |
People
(Reporter: dholbert, Unassigned)
References
()
Details
Attachments
(2 files)
STR:
1. Visit http://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/
2. Press rightarrow
EXPECTED RESULTS: No effect
ACTUAL RESULTS: We scroll off to the right (despite the lack of a scrollbar).
Chrome & Midori (webkit-based linux browser) give EXPECTED RESULTS.
Current firefox release (38) & nightly 41.0a1 (2015-06-28) give ACTUAL RESULTS.
This all seems to be due to this HTML:
<div id="width-calc">
<div style="width: 100000px; margin-top: 10px;">
...which is used as part of the "version control" animation in the article. This doesn't trigger a scrollbar because the <body> element has "overflow-x:hidden", but apparently we still make the <body> scrollable via the keyboard
Minimal testcase which reproduces this:
data:text/html,<body style="overflow-x:hidden"><div style="width: 100000px">Try pressing rightarrow.
|
Reporter | |
Updated•9 years ago
|
|
|
Reporter | |
Comment 1•9 years ago
|
||
|
|
Reporter | |
Updated•9 years ago
|
Summary: In Bloomberg "What is Code" article, Firefox lets you scroll way off rightwards with rightarrow → In Bloomberg "What is Code" article, Firefox lets you scroll way off rightwards with rightarrow, despite "overflow-x: hidden" on <body> element
|
|
Reporter | |
Comment 2•9 years ago
|
||
Here's a reference case for 'testcase 1' -- tweaked to put the 'overflow-x: hidden' on a <div> instead of on the <body> element.
This gives EXPECTED RESULTS. (rightarrow key has no effect)
|
|
Reporter | |
Comment 3•9 years ago
|
||
(Incidentally, if this turns out to be not-a-bug / a tech evang. issue, we can submit a suggested change as a pull request at https://github.com/BloombergMedia/whatiscode/ )
|
||
Updated•9 years ago
|
Status: NEW → RESOLVED
Closed: 9 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•