3
3 Comments

Front devs, What do you do when Chrome decides to wreak your website?

Monopoly has always been bad for any market.
Little by little, I'm trying take my data away from Google (Drive, Agenda, Mail).

But when ~60% of people use Chrome you can't fight it.

Recently, Google introduced more default style: outline on focus.

It's clear that they seek to make every website look like material design. So from now on, you'll have to put something like this on every website's css:
*:focus {
outline:0;
}

The fun part is, of course, to update all the old websites :D

So, how do you deal with this except by throwing s**t at Google?

  1. 7

    Hey, it’s highly discouraged to remove the outline completely as it’s important for accessibility. You can restyle it though...

    https://css-tricks.com/having-a-little-fun-with-custom-focus-styles/

    1. 1

      Yeah. I definitely take Thomas' point that Chrome has too much control.

      But when I've seen annoying outlines popup around my elements after a new release (after the last Chrome update, my dropdowns started showing weird black bars around menu items!), I assumed it was accessibility-related.

    2. 1

      Yes, you are right.
      It was just en example for global style as I define outline on a case-by-case basis.

  2. 1

    This comment was deleted 4 years ago.

  3. 3

    This comment was deleted a year ago.

Trending on Indie Hackers
I talked to 8 SaaS founders, these are the most common SaaS tools they use 20 comments What are your cold outreach conversion rates? Top 3 Metrics And Benchmarks To Track 19 comments How I Sourced 60% of Customers From Linkedin, Organically 12 comments Hero Section Copywriting Framework that Converts 3x 12 comments Promptzone - first-of-its-kind social media platform dedicated to all things AI. 8 comments How to create a rating system with Tailwind CSS and Alpinejs 7 comments