www.vina-rock.com - Text is displayed over other elements

[webcompat-bot]

URL: https://www.vina-rock.com/horarios/

Browser / Version: Firefox Mobile 127.0 Operating System: Android 11 Tested Another Browser: Yes Chrome

Problem type: Design is broken Description: Items are overlapped Steps to Reproduce: This is a festival website, so it may no longer be live when you check it, but basically the text overlaps with the images in Nightly for Android, but not in Chrome for Android.

View the screenshot

Browser Configuration

• gfx.webrender.software: false
• blockList: basic
• defaultUserAgent: Mozilla/5.0 (Linux; Android 11; Mobile; rv:127.0) Gecko/127.0 Firefox/127.0
• hasTouchScreen: false
• frameworks: {'fastclick': False, 'mobify': False, 'marfeel': False}
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: true (basic)

View console log messages

From webcompat.com with ❤️

[azlata]

Thank you for reporting this issue, I was able to reproduce it. The text is misplaced on top of other elements on Firefox, While on Chrome it looks normal.

Chrome

Firefox

Tested on: • Firefox Release 125.0-20240419144423/ Firefox Nightly 127.0a1-20240428214249/Chrome 123.0.6367.82 • Operating System: Pixel 7 (Android 14) -1080px × 1920px 20:9 aspect ratio (~416 ppi density)

Notes:

1. Reproducible on both Firefox Release and Nightly
2. Not reproducible on Chrome.
3. Reproducible regardless of settings of Enhanced Tracking Protection

Moving to Needsdiagnosis.

[qa_18/2024]