Open
Bug 1503899
Opened 6 years ago
Updated 2 years ago
Sharp printer UI incorrectly rendered, due to table-layout behavior difference (& with CSS enabled by webkit-min-device-pixel-ratio query)
Categories
(Core :: Layout: Tables, defect, P3)
Tracking
()
NEW
People
(Reporter: csewell, Unassigned)
References
Details
(Keywords: parity-chrome, regression, Whiteboard: [webcompat])
Attachments
(7 files)
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:63.0) Gecko/20100101 Firefox/63.0
Steps to reproduce:
I connected to the IP of any local Sharp printer.
Actual results:
It has shrunk the tabs across the top so I can barely click on them, see screenshot 1.
Expected results:
See screenshot 2, this was captured from Microsoft Edge. In previous builds of Firefox it has worked fine. I believe it stopped working at build 62 or 63. May be further back however.
Comment 1•6 years ago
|
||
I can not view the screenshot because they are in a proprietary format.
We need a public testcase as most people do not have that printer around for testing.
Is it possible that you save the affected page and look if you can reproduce the problem with that saved page ?
Flags: needinfo?(csewell)
(In reply to Matthias Versen [:Matti] from comment #1)
> I can not view the screenshot because they are in a proprietary format.
>
> We need a public testcase as most people do not have that printer around for
> testing.
> Is it possible that you save the affected page and look if you can reproduce
> the problem with that saved page ?
Hi,
Yes I can, I have managed to reproduce with the saved HTML file.
I will attach along with the screenshots
Flags: needinfo?(csewell)
Comment 6•6 years ago
|
||
You have to save it as "Web page complete" in the save dialog (filetype selection) because the pure html file still loads many resources from the printer.
Please test if you can reproduce the issue with the saved file and then zip the html file including the folder with the additional files and attach it.
(In reply to Matthias Versen [:Matti] from comment #6)
> You have to save it as "Web page complete" in the save dialog (filetype
> selection) because the pure html file still loads many resources from the
> printer.
> Please test if you can reproduce the issue with the saved file and then zip
> the html file including the folder with the additional files and attach it.
I have attached the ZIP as requested. The issue still happens.
Comment 9•6 years ago
|
||
2:22.92 INFO: No more inbound revisions, bisection finished.
2:22.92 INFO: Last good revision: 5f50dd0905ec23b0d1fa1747905d5a1ef5f73dc2
2:22.92 INFO: First bad revision: 7d3fe27beec58d201a98d6bfcbe43d6e493348c6
2:22.92 INFO: Pushlog:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=5f50dd0905ec23b0d1fa1747905d5a1ef5f73dc2&tochange=7d3fe27beec58d201a98d6bfcbe43d6e493348c6
Blocks: 1444139
Status: UNCONFIRMED → NEW
Component: Untriaged → CSS Parsing and Computation
Ever confirmed: true
Keywords: regression
Product: Firefox → Core
Summary: Incorrectly Loading Pages → Sharp printer UI incorrectly rendered
Updated•6 years ago
|
Flags: needinfo?(dholbert)
Comment 10•6 years ago
|
||
csewell: For the time being, you can work around this by visiting the special URL "about:config", type "webkit" into the search field, and double-click on the entry for "layout.css.prefixes.device-pixel-ratio-webkit" to set that setting to false.
Bug 1444139 was simply a pref-flip to toggle that setting to true. It make us honor this piece of "other.css" in the provided web content (roughly, this means "every screen that has pixels", i.e. this style is unconditionally applied):
> @media screen and (-webkit-min-device-pixel-ratio:0) {
> #tabMenuArea .tabMenu ul li {
> height: 1px;
> }
>}
They're styling this element with height:1px, which is bogus. If I remove that from their CSS, everything ends up fine.
Chrome gets the same styling but it doesn't seem to honor this "height:1px" declaration. I'm not sure why.
Flags: needinfo?(dholbert)
Comment 11•6 years ago
|
||
Comment 12•6 years ago
|
||
This is fundamentally a table layout web-compatibility issue, relating to how percent heights are handled inside of small-specified-height table cells.
Component: CSS Parsing and Computation → Layout: Tables
Summary: Sharp printer UI incorrectly rendered → Sharp printer UI incorrectly rendered, due to table-layout behavior difference (& with CSS enabled by webkit-min-device-pixel-ratio query)
Comment 13•6 years ago
|
||
Comment 14•6 years ago
|
||
Our behavior on testcases 2 and 3 have been basically the same at least as far back as a Firefox 4.0 nightly from 2011-01-01 (probably a good deal further back than that, but builds from a year earlier won't run on my machine).
So this isn't really a layout regression -- it's just that bug 1444139 got us newly opted in to some CSS that (in this case) happens to trigger a longstanding table layout incompatbility.
Updated•6 years ago
|
Comment 15•6 years ago
|
||
Migrating Webcompat whiteboard priorities to project flags. See bug 1547409.
Webcompat Priority: --- → ?
Comment 16•6 years ago
|
||
See bug 1547409. Migrating whiteboard priority tags to program flags.
Updated•5 years ago
|
Webcompat Priority: ? → ---
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•