Comments (4)
Thanks, @jeroencornelissen. Should be fixed in 2.4.5.
from focus-trap.
@davidtheclark Actually, now it is fully broken 😢
If someone tries to use it from unpkg.com they'll get error due to require
not being implemented:
https://jsbin.com/remegiyeva/edit?html,console
However if you point to dist/focus-trap.js
; which should be where main
points to; you get this:
https://jsbin.com/nagicadifu/edit?html,console
Bottom line, main
should always point to the umd bundle 😉
from focus-trap.
@vladimyr Are you sure you're looking in the right place, according to https://github.com/davidtheclark/focus-trap#installation?
https://unpkg.com/[email protected]/dist/focus-trap.js and https://unpkg.com/[email protected]/dist/focus-trap.min.js exist and seem to work fine.
In 2.4.5 main
actually points to index.js
, not to dist/focus-trap.js
.
Bottom line, main should always point to the umd bundle 😉
I don't agree, because that adds unnecessary stuff for module users.
from focus-trap.
@vladimyr Are you sure you're looking in the right place, according to https://github.com/davidtheclark/focus-trap#installation?
Yeah, you are right, I missed that one 🤦♂️ Although it should be probably more helpful if documentation gives you something like this:
<!-- development -->
<script src="https://unpkg.com/[email protected]/dist/focus-trap.js"></script>
<!-- production -->
<script src="https://unpkg.com/[email protected]/dist/focus-trap.min.js"></script>
because Vue does that and React used to show that <script>
snippet on their homepage too... It is easier if you can just c/p it 🙂
I don't agree, because that adds unnecessary stuff for module users.
Well, technically speaking it does add umd wrapper bloat and I'm perfectly aware that at the end of the day it is your call to decide. However, just in case you missed it, all packages listed on unpkg.com homepage except react
& react-dom
(Vue is not listed there but points to umd bundle too) do the opposite so you are kinda going against the flow...
To be totally fair they mostly do it using unpkg
field in package.json
with three.js
being exception by using main
.
IMHO it is all about user expectations; user should be able to do following:
<script src="https://unpkg.com/[email protected]"></script>
without getting any errors and going to github/unpkg to figure out what path to append there.
from focus-trap.
Related Issues (20)
- Adjust types to allow `initialFocus: () => undefined` HOT 4
- Bug with selecting jumping to first tabbable from last if web component is involved. HOT 5
- Disabling the focus trap loop HOT 7
- Unable to preventDefault inside passive event listener invocation. HOT 9
- Fallback focus is not selected in the case of absence of initial focus element HOT 6
- Setting initialFocus=true leads to a call stack exceeded exception HOT 2
- More Flexible Mocking in Unit Tests HOT 3
- The library is not working HOT 3
- Should focusTrap only activate connected nodes? HOT 3
- Broken in Safari HOT 4
- focusIn listener causes issues with outside elements HOT 15
- Stack overflow tryFocus/checkFocusIn HOT 10
- Can't focus other textfields while focusing on autocomplete HOT 2
- Text selection within trapped element not possible if any ancestor has a `tabindex` HOT 9
- `returnFocusOnDeactivate` not working on mobile. HOT 9
- Focus does not seem to be working on firefox HOT 6
- Update type for document option to allow for shadowRoot elements. HOT 7
- "default behavior" demo broken on Firefox HOT 4
- Clicking another shadowed element inside the focus trap will deactivate the focus trap HOT 15
- focus-trap returns an error on Safari 15.3 and lower HOT 9
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from focus-trap.