• TIL what “Pause, Stop, Hide” bugs are. Thank you! It almost feels like there should be a place for the user agent to provide controls for all (most) animations, as the browser is uniquely placed to see and modify all of them. - Easier to detect and classify for bugs implemented in CSS than JavaScript though, as not every (regular) timer is necessarily leading to a “Pause, Stop, Hide” bug.


      score 1 · canonical

    • Additionally, it seems I cannot select the text at all. Looking at the DOM, it’s no longer a mystery why that happens…

      <p>
        <span style="transition-delay: 0ms; opacity: 0;">T</span>
        <span style="transition-delay: 3.20513ms; opacity: 0;">h</span>
        <span style="transition-delay: 6.41026ms; opacity: 0;">i</span>
        <span style="transition-delay: 9.61538ms; opacity: 0;">s</span>
        <span style="transition-delay: 12.8205ms; opacity: 0;"> </span>
        <span style="transition-delay: 16.0256ms; opacity: 0;">d</span>
        <span style="transition-delay: 19.2308ms; opacity: 0;">o</span>
        <span style="transition-delay: 22.4359ms; opacity: 0;">m</span>
        <span style="transition-delay: 25.641ms; opacity: 0;">a</span>
        <span style="transition-delay: 28.8462ms; opacity: 0;">i</span>
        <span style="transition-delay: 32.0513ms; opacity: 0;">n</span>
        <!-- and so on ... -->
      </p>
      

      I appreciate that they want to show the information in multiple languages, but it could have been done in a more accessible way without breaking standard browser features. Like, just render the texts one after the other in regular <p> elements.


      score 1 · canonical