Comments (3)
atomiks
commented on May 23, 2024
The UMD distribution file supports browsers, but not the ESM ones. Can I ask why you're not using a build step with React? Is it only a developer test env where tree-shaking/dead code elimination isn't a problem? Because the bundle size would be huge.
As a workaround, you can shim process.env in your HEAD tag before the scripts run so it won't error at runtime.
from floating-ui.
matmill5
commented on May 23, 2024
From the jspm.io CDN the floating-ui minified artifact is 64kb, so not horribly huge (?).
https://ga.system.jspm.io/npm:@floating-ui/[email protected]/dist/floating-ui.react.mjs
Let me try a shim in the HEAD tag; thank you.
from floating-ui.
atomiks
commented on May 23, 2024
I think most React libraries assume you're in a build step where process.env is replaced by a bundler. This allows us to add warning/error messages without affecting the production bundle size. Trying to guard for process ends up breaking DCE in many bundlers and the other solutions aren't fully foolproof like esm-env either IIRC. So shimming is the easiest solution.
from floating-ui.
Related Issues (20)
- arrow middleware break other middleware HOT 1
- [React] `refs.floating.current` is `null` inside `useEffect` when using `FloatingPortal` HOT 3
- popper misplaced on Y axis HOT 1
- Angular 17 - RangeError: Maximum call stack size exceeded on getComputedStyle HOT 2
- `autoUpdate` calls `updatePosition` continuously when the floating element is clipped by a parent with overflow hidden. HOT 4
- When using FloatingOverlay tabbing within a floating does not bring element into view HOT 2
- focus is visible even if keyboard is not being used HOT 2
- useDismiss not working when click on iframe elements HOT 1
- webcomponent floating UI: Panel Positioning Issue HOT 4
- Adaptive function HOT 2
- autoUpdate never settle when reference is in a scrollable div HOT 1
- The tooltip should be visible when I hover over it. HOT 1
- UnPKG version is not currently working HOT 1
- Floating UI Position Incorrect When Modal is Nested Inside Drawer Component HOT 5
- List navigation doesn't scroll to selected item when other focusable elements are present in popover HOT 2
- Tooltip position is not updated when resizing window HOT 2
- Duplicate generated type aliases HOT 6
- isPositioned never gets updated on Safari and Firefox HOT 1
- Implicit dependency on React 18 typings HOT 1
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 floating-ui.