We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Virtualizer1
Virtualizer2
CodeSandbox https://codesandbox.io/p/sandbox/c27jpz?file=%2Fsrc%2FApp.js%3A94%2C23
// https://react-spectrum.adobe.com/react-aria/Virtualizer.html import { useId } from 'react' import { GridLayout, ListBox, ListBoxItem, ListLayout, Size, Virtualizer as V } from 'react-aria-components' const layouts = { grid: GridLayout, list: ListLayout } export const Virtualizer = ({ children, gap, items, itemSize, itemStyle, layout }) => { const id = useId() return ( <div style={{ maxWidth: '100%', overflow: 'hidden', resize: 'both' }}> <V layout={layouts[layout]} layoutOptions={{ gap, minItemSize: new Size(itemSize.width, itemSize.height), minSpace: new Size(gap, gap) }}> <ListBox aria-labelledby={id} className='size-full' items={items.map((item, id) => ({ id: id.toString(), ...item }))} layout={layout === 'list' ? undefined : layout} style={{ overflow: 'auto' }}> {item => ( <ListBoxItem style={{ ...itemStyle, ...itemSize }} textValue={item.id}> {children(item)} </ListBoxItem> )} </ListBox> </V> </div> ) }
`
No response
1.8.0
Chrome
W11
The text was updated successfully, but these errors were encountered:
i forgot add class size-full https://v3.tailwindcss.com/docs/size
size-full
but still have the same error :v
Sorry, something went wrong.
I cannot view the sandbox, I think you need to make it public
I made it public 😅 https://codesandbox.io/p/sandbox/c27jpz
Mind expanding what your specific use case is for wanting to nest virtualized components?
No branches or pull requests
Provide a general summary of the issue here
Virtualizer1

Virtualizer2

CodeSandbox
https://codesandbox.io/p/sandbox/c27jpz?file=%2Fsrc%2FApp.js%3A94%2C23
🤔 Expected Behavior?
`
😯 Current Behavior
`
💁 Possible Solution
No response
🔦 Context
No response
🖥️ Steps to Reproduce
`
Version
1.8.0
What browsers are you seeing the problem on?
Chrome
If other, please specify.
No response
What operating system are you using?
W11
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response
The text was updated successfully, but these errors were encountered: