GithubHelp home page GithubHelp logo

Comments (5)

robdodson avatar robdodson commented on July 1, 2024

hm thanks for reporting this! @alice or I will try to look into it when we have a moment.

from inert.

alice avatar alice commented on July 1, 2024

Aside from being able to focus a supposedly-inert element in Safari, do these browsers have the same behaviour without the inert polyfill present? It seems like these may be browser-specific focusing behaviours/bugs.

from inert.

aaxelb avatar aaxelb commented on July 1, 2024

@alice Oh wow, you're absolutely right. Firefox was respecting a Mac OS setting and Safari... has its own opinion on the tab key.

So yes, the only issue here is allowing focus on a should-be-inert input in Safari. Sorry for wasting your time with the rest!

from inert.

alice avatar alice commented on July 1, 2024

I wonder if Safari simply doesn't respect tabindex=-1.

I had a bit of a think a little while back about the logic behind their "opinions" on the tab key, and came to the conclusion that their defaults are optimised for fast form filling, rather than keyboard-only navigation (with the setting to switch to the latter).

from inert.

bkardell avatar bkardell commented on July 1, 2024

Safari's things are kind of complex, and on iOS even more so. A lot of that is being discussed in the whatwg focus meta-bug/linked issues, thankfully... Unfortunately I don't have a link to handy at the moment as I'm on my phone

from inert.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.