Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

CSS Rendering issue on Chrome on Android

See original GitHub issue

Challenge Use a CSS Class to Style an Element has an issue. User Agent is: Mozilla/5.0 (Linux; Android 4.4.2; SM-T231 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.105 Safari/537.36. Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:

<style>
  .red-text {
    color: red;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

Issue Analytics

State:
Created 7 years ago
Comments:19 (6 by maintainers)

Top GitHub Comments

1reaction

Gero1369commented, Mar 28, 2016

I removed all the whitespace in the CSS and was able to pass the tests. Thx!

0reactions

fortyxtwocommented, Jun 9, 2016

I spent over an hour on this to no avail. Copied the same exact code from this thread and it passed.

Top Results From Across the Web

Why does my CSS render incorrectly on mobile?

Try viewing that page on your desktop/laptop. The messages render correctly, not overlapping each other. Even when you use the DevTools to view ......

Issue 246875: Chrome not rendering webpage CSS and ...

1. Load webpage. Everything renders ok. 2. Press F5 or refresh the page or click on a navigation link on page. CSS is...

Broken rendering in Chrome 78 - Google Support

I have attached a sample (broken_chrome78.htm) of the html/css being used (html is stripped down to only include the portion where it goes...

Discover issues with rendering performance

Spot repainting, layout shifts, layers and tiles, scrolling issues, see rendering statistics and Core Web Vitals.

CSS element incorrect rendering | Firefox Support Forum

This element renders properly in other browsers (Edge, Chrome, Samsung, etc.), and the current Firefox for Android. There may be other CSS ......