react-laag
react-laag copied to clipboard
Hooks to build things like tooltips, dropdown menu's and popovers in React
Here's a screen capture of what I mean: https://user-images.githubusercontent.com/159500/105332099-86eff800-5bd4-11eb-963b-618ae73cced5.mov There's a 1 frame glitch where the tooltip grows and is then repositioned: ![image](https://user-images.githubusercontent.com/159500/105332283-ba328700-5bd4-11eb-820a-6047a4d489d6.png) This looks bad. Ideas for improvement: -...
I know this falls outside the realm of `react-laag`, but I'm wondering if there is an easy way for the browser to automatically scroll to a tooltip when it is...
I know this falls outside the realm of `react-laag`, but I'm wondering if there is an easy way for the browser to automatically scroll to a tooltip when it pops...
https://www.react-laag.com/ ![image](https://user-images.githubusercontent.com/159500/104347087-7ff42600-5500-11eb-99ce-0ce179f77c7a.png) After making it wider and less wide again: ![image](https://user-images.githubusercontent.com/159500/104347125-8d111500-5500-11eb-9a55-dd3e37fa9d7d.png)
**Describe the bug** When you click inside a popover, then drag the mouse outside the popover and release the mouse, then `onOutsideClick` fires (meaning the popover then closes in my...
Take the following config: ```ts useLayer({ placement: 'right-center', possiblePlacements: [ 'right-center', 'left-center', 'bottom-center', 'top-center', ], auto: false, }) ``` Expected result: ![image](https://user-images.githubusercontent.com/159500/102613332-94781500-4132-11eb-9ae5-e069b1316416.png) Actual result: ![image](https://user-images.githubusercontent.com/159500/102613368-a5288b00-4132-11eb-8de6-c9bf1b81e162.png) The `possiblePlacements` are only used...
Hello everyone! In our company software we encountered a bug which I afterwards was also able to reproduce in a clean react app, suggesting that the bug actually occurs due...
I'm migrating from useToggleLayer to useLayer as upgrading from v1 to v2, but I need to be able to pass a specific clientRect when opening. This API appears to have...
I have created a dropdown component: ``` const { renderLayer, triggerProps, layerProps } = useLayer({ isOpen: isVisible, onOutsideClick: () => setIsVisible(false), overflowContainer: true, auto: true, // Automatically find the best...
Fixed [issue 87](https://github.com/everweij/react-laag/issues/87)