aliexpress.com - Search button is not rendered correctly on the help center page
Categories
(Web Compatibility :: Site Reports, defect, P1)
Tracking
(firefox129 wontfix, firefox130 wontfix, firefox131 fix-optional)
Tracking | Status | |
---|---|---|
firefox129 | --- | wontfix |
firefox130 | --- | wontfix |
firefox131 | --- | fix-optional |
People
(Reporter: ctanase, Unassigned)
References
(Depends on 1 open bug, )
Details
(4 keywords)
User Story
platform:windows,mac,linux,android impact:minor-visual configuration:general affects:all branch:release diagnosis-team:layout
Attachments
(2 files)
Environment:
Operating system: Windows 10
Firefox version: Nightly 131.0a1 (2024-08-07)
Steps to reproduce:
- Go to https://helpcenter.aliexpress.com/s/BuyerHelp
- Observe the search button.
Expected Behavior:
The search button is rendered correctly.
Actual Behavior:
The search button's height is reduced.
Notes:
- Screenshot attached
- Reproducible regardless of the ETP status
- Reproducible on Firefox Release as well
- Not reproducible on Chrome
- Issue found during WebCompat team [Top100] websites testing
Comment 1•25 days ago
|
||
They're using an icon sprite via CSS, so not an iconfont or anything. Weird.
Comment 2•25 days ago
|
||
fwiw (since its a webcompat issue)
I can also reproduce the issue on Mac...and as far back as Fx83 on nightly
Comment 3•25 days ago
|
||
Marking this fix-optional for 130, since we are getting close to the end of the 130 beta cycle and this has a low severity.
Updated•6 days ago
|
Comment 4•6 days ago
|
||
Comment 5•6 days ago
|
||
This is a version of bug 1891079.
The search-icon-button here has class="next-btn next-medium next-btn-primary"
which gets it this height declaration:
height: calc(100% - 4px);
This element is a child of a table-cell, inside a specified-height table; and Chrome is able to resolve the percent height against the height of the table-cell, whereas Firefox is not. This is due to bug 1891079.
We can hypothetically paper over this with a CSS intervention -- I've confirmed this fixes the issue for me (in a relatively targeted way, targeting just this table-cell inside of the search input):
.SearchBox--searchInput--1v2xRYS .next-input-group-addon { height: 100% }
Comment 6•6 days ago
•
|
||
er, I guess that bug 1891079 is the knowledge-base bug. Bug 1598458 is the platform bug.
Description
•