Closed
Bug 1217868
Opened 9 years ago
Closed 8 years ago
m.boots.com not displaying correctly
Categories
(Web Compatibility :: Site Reports, defect)
Tracking
(Not tracked)
RESOLVED
FIXED
People
(Reporter: gibbering.baboons, Unassigned)
References
Details
(Whiteboard: [country-all][needscontact])
Attachments
(3 files)
screenshot of issue
User Agent: Mozilla/5.0 (Android 5.1; Mobile; rv:41.0) Gecko/41.0 Firefox/41.0 Build ID: 20151014145350 Steps to reproduce: Navigate to m.boots.com and look at the top of the page Actual results: Several shopping basket icons are displayed in place of the correct images, and the side menu should slide from the left but page reloads instead Expected results: Should see three bar menu button, location, boots logo, search, shopping basket. Pressing the three bar button should slide a menu in from the left. Page tested in Chrome, works correctly
|
Reporter | |
Comment 1•9 years ago
|
||
|
||
Comment 2•9 years ago
|
||
This is due to them using background-position-y to control the visible portion of a sprite image:
.storelocator , .bootsLogo, .search, .basket, .menu {
background: url(http://boots.usablenet.net/h5/images/sprite_header.w_1414398084000hc.png) no-repeat top;
width: 15%;
height: 45px;
float: left;
text-indent: 9999px;
overflow: hidden;
background-size:70px;
}
.menu{ background-position-y: -271px; }
.storelocator{ background-position-y: -209px; }
.bootsLogo{ background-position-y: -128px; width: 40%; background-size:68px;}
.search{ background-position-y: -60px;}
.basket{ background-position-y: 2px; }
.secure{background: url(http://boots.usablenet.net/h5/images/z_secure_icon.w_1414398084000hc.png) no-repeat top;background-size:20px;text-indent: 9999px; overflow: hidden;width: 15%;height: 45px; margin-top: 5px; float: right;}
That's bug 550426.
Depends on: 550426
|
|
Reporter | |
Comment 3•9 years ago
|
||
Reported 2010? Good lord. I won't hold my breath. Any idea on the menu button causing a refresh instead of sliding the menu in?
|
|
||
Comment 4•9 years ago
|
||
The reason that bug sat around for so long w/o a fix is because it was considered to be non-standard. But the CSSWG has given it a thumbs up (uh, only 18 months ago!). I had overlooked your comment about the menu, but I'll take a look on Monday.
Flags: needinfo?(miket)
|
|
||
Comment 5•9 years ago
|
||
They have a script that sets up the event handler like so:
$(document).on('click', '.translate3d.hasFixed .menuize_show-left, .translate3d.hasFixed .menuize_show-right', function (e) {
e.preventDefault()
});
We have the .translate3d class in the <html> element, but not hasFixed. I'm not quite sure how or where's that's defined (it's obviously wrong, we support fixed:position), but there's a developer email (of the framework code, not the side code) in the source code so I'll email and ask. They also have a bug in their $.device.getAndroidVersion() utility method.Status: UNCONFIRMED → NEW
Ever confirmed: true
Flags: needinfo?(miket)
Whiteboard: [country-all][needscontact]
|
|
||
Comment 6•8 years ago
|
||
Screenshot of boots.com after updating Nightly. \o/
|
|
||
Comment 7•8 years ago
|
||
This is FIXED now.
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → FIXED
|
Assignee | |
Updated•5 years ago
|
Product: Tech Evangelism → Web Compatibility
|
|
Assignee | |
Updated•2 months ago
|
Component: Mobile → Site Reports
You need to log in
before you can comment on or make changes to this bug.
Description
•