webrix
webrix copied to clipboard
open-amdocs
Powerful building blocks for React-based web applications
1. Rename `useDimensions()` to `useResizeObserver()` 2. Move `` from `hooks` to `tools` Note that this is a breaking change, so we will have to release a major version after this.
On iOS devices, the native scrollbars are visible on the left together with the DOM scrollbars generated by ``. There should be some CSS to fix that, but I wasn't...
When the content of a collapsible has margins, the height is calculated without the margin, causing a janky transition. This is due to [collapsing margins](https://www.w3.org/TR/css-box-3/#collapsing-margins): > 6.2. Collapsing margins >...
Change `.scrollbar` and `.scrollbar-inner` to `.scrollable` and `.scrollable-inner` respectively.
Currently, Scrollable has some built-in CSS that can be considered as branding. Since we want to keep Webrix unbranded, we need to remove this CSS (thumbs background color, hover based...
When an element has scrollbars in both directions, scrolling all the way to the bottom right corner causes them to overlap. We need to fix this by creating a small...
## :rotating_light: The automated release from the `2.x` branch failed. :rotating_light: I recommend you give this issue a high priority, so other packages depending on you can benefit from your...
https://github.com/open-amdocs/webrix/blob/master/src/hooks/useDimensions/useDimensions.js --- For devs who need to use a resizeObserver (without caring for the return value of the hook): ```js export default (ref, callback) => { const [dimensions, setDimensions] =...
## `useDepEffect` (use dependency effect) Runs a `useEffect` only when the dependency array changes and not on initial mount. (see related [stackoverflow discussion](https://stackoverflow.com/q/53179075/104380)) Instead of manually using a `ref` to...
Currently, [`Shadow.jsx`](https://github.com/open-amdocs/webrix/blob/master/src/components/Scrollable/components/Shadow/Shadow.jsx) does not come with [CSS](https://github.com/open-amdocs/webrix/blob/master/src/components/Scrollable/components/Shadow/Shadow.scss) that has `position` ```jsx ... ``` And so, whoever is using the Scrollable Shadow must position it themselves (in their app): ```CSS .scroll-shadow...
Metadata
Owner
Metadata
Powerful building blocks for React-based web applications