CSS in v12 causing problems, cannot override

[Terrox]

This CSS causes janky dragging of some elements, eg Monks token bar.

  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

It cannot be overridden with Custom CSS module as far as I can tell. the only option for v12 users is to delete the lines.

Note to the devs, some of these override options on the global * selectors are slowing load times and aren't helping. ie this ones will have unintended consequences.

*::before,
*::after {
  box-sizing: border-box;
}

this probably shouldn't be there either.

picture {
  max-width: 100%;
  display: block;
}

the text rendering ones may be ok, but module authors might wonder why their stuff looks weird.

This one also a bit suspect.

  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

[PrototypeESBU]

Thanks for detailing these. I'm tackling some of this in v4.0.0, but I'll kept it on the radar for future clean up efforts.

[Muttley]

Are these still an issue in v13? We don't support v12 any more.

[Terrox]

If the same CSS exists in v13 it will be an issue. A module shouldn't be declaring such broadly defined overrides affecting everything outside the module's own scope.