Closed
Bug 1156898
Opened 9 years ago
Closed 2 years ago
Whenever i open tastebuds.fm there is somewhat clutter on the homepage i.e. the texts come over the pictures and vice versa.
Categories
(Web Compatibility :: Site Reports, defect, P3)
Web Compatibility
Site Reports
Tracking
(Not tracked)
RESOLVED
INVALID
People
(Reporter: anjanikmr51, Unassigned)
References
()
Details
(Keywords: webcompat:site-wait, Whiteboard: [country-all][sitewait] [webkitcss])
Attachments
(1 file)
151.15 KB,
image/png
|
Details |
User Agent: Mozilla/5.0 (Android; Mobile; rv:37.0) Gecko/37.0 Firefox/37.0 Build ID: 20150413180005 Firefox for Android Steps to reproduce: Go to tastebuds.fm home page Actual results: Whenever i open tastebuds.fm there is somewhat clutter on the homepage i.e. the texts come over the pictures and vice versa. Expected results: There should be proper alignment and placements of text and images and vedios. Same page just looks perfect in chrome
Updated•9 years ago
|
Group: core-security
Component: Untriaged → General
Product: Firefox → Firefox for Android
Version: 37 Branch → unspecified
Reporter | ||
Comment 1•9 years ago
|
||
Comment on attachment 8595484 [details]
tmp_18956-Screenshot_2015-04-21-23-56-24-272726017.png
This bug was encountered in firefox for android in Motorola Moto E.
Attachment #8595484 -
Attachment is patch: true
Attachment #8595484 -
Attachment mime type: image/png → text/plain
Flags: needinfo?(anjanikmr51)
Updated•9 years ago
|
Attachment #8595484 -
Attachment is patch: false
Attachment #8595484 -
Attachment mime type: text/plain → image/png
Comment 2•9 years ago
|
||
The screenshot makes me think this is a webcompat issue. Mike would you have a look. Sadly this site requires a user account access any of its content.
Flags: needinfo?(miket)
Comment 4•9 years ago
|
||
So for reasons I don't fully understand right now, if you kill the explicit height on the following div, the site looks the same as it does in iOS Safari (from the mobile_prod.css file): #activityStream .title { height: 42px; } Let's move this to Tech Evangelism.
Component: General → Mobile
Product: Firefox for Android → Tech Evangelism
Updated•9 years ago
|
Status: UNCONFIRMED → NEW
Ever confirmed: true
Comment 5•9 years ago
|
||
There's more going on here. .clear,.ui-body-c .user.clear { display:-webkit-box } That needs some display: flex love. And then some more CSS tweaks to get everything else to layout correctly. (I have to split right now, so will come back to this, before setting to [contactready]).
Whiteboard: [country-all][notcontactready]
Comment 6•8 years ago
|
||
This should be fixed by webkit css preferences.
See Also: → https://webcompat.com/issues/909
Whiteboard: [country-all][notcontactready] → [country-all][notcontactready] [webkitcss]
Comment 7•6 years ago
|
||
(In reply to Karl Dubost :karlcow from comment #6) > This should be fixed by webkit css preferences. Still an issue. I guess we don't fully understand the problem. I have a test account if someone wants to dig in, just ping me.
Priority: -- → P3
Whiteboard: [country-all][notcontactready] [webkitcss] → [country-all][notcontactready] [webkitcss][needsdiagnosis]
Updated•6 years ago
|
Flags: needinfo?(anjanikmr51)
Comment 8•6 years ago
|
||
Let's reach out to them and see if they can fix it. Email sent to hello@tastebuds.fm
Whiteboard: [country-all][notcontactready] [webkitcss][needsdiagnosis] → [country-all][sitewait] [webkitcss]
Assignee | ||
Updated•5 years ago
|
Product: Tech Evangelism → Web Compatibility
Comment 9•5 years ago
|
||
See bug 1547409. Moving webcompat whiteboard tags to keywords.
Keywords: webcompat:site-wait
Comment 10•2 years ago
•
|
||
For me, the issue seems like a website bug, and not a compatibility bug now, as the name of the users and locations are hidden inside the image placeholders, as the letters seem to be integrated inside the pictures, and a glimpse of the last letters is barely seen on both Chrome and Firefox:
Karl, is the issue similar for you on other browsers?
Tested with:
Browser / Version: Firefox Nightly 100.0a1 (2015869419 -🦎100.0a1-20220317092857🦎)/Chrome Mobile Version 99.0.4844.73
Operating System: Google Pixel 3 (Android 12) -1080 x 2160 pixels, 18:9 ratio (~443 ppi density)
Flags: needinfo?(kdubost)
Comment 11•2 years ago
|
||
Not a webcompat bug. This is happening everywhere.
Status: NEW → RESOLVED
Closed: 2 years ago
Flags: needinfo?(kdubost)
Resolution: --- → INVALID
Assignee | ||
Updated•1 month ago
|
Component: Mobile → Site Reports
You need to log in
before you can comment on or make changes to this bug.
Description
•