Skip to content

bug: DropdownWrapper fails to display when inside a RevealFx component #42

New issue

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

Open
benbarnett02 opened this issue Mar 30, 2025 · 0 comments

Comments

@benbarnett02
Copy link
Contributor

Thank you for taking the time to fill out this bug report.

Tell us what happened
DropdownWrapper (including in the Select component and the DateRangeInput component I've been working on - #40) doesn't open when it is inside a RevealFx component.

Affected components

  • Select
  • DropdownWrapper
  • DateInput
  • Anything else that uses DropdownWrapper.

How do we reproduce it?
The following code reproduces this error:

import React from 'react';
import {Flex, RevealFx, Select} from "@/once-ui/components";

const Page = () => {
    return(
        <>
            <Flex gap={"16"}>
            <Select options={[{description:"a", value: "a", label: "a"},{description:"b", value: "b", label: "b"} ]} id={"e"} label={"choose"}/>

            <RevealFx>
                <Select options={[{description:"a", value: "a", label: "a"},{description:"b", value: "b", label: "b"} ]} id={"e"} label={"choose"}/>

            </RevealFx>
            </Flex>
        </>
    );
}

export default Page;

The first Select box works correctly, the second does not.

Screenshots
https://github.com/user-attachments/assets/2c8b33d7-5422-4ba9-a126-10f0fc94ec56

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant