Skip to content
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

AutoComplete suggestion list cover the popper dialog #10427

Open
a-pouramini opened this issue Dec 20, 2024 · 2 comments
Open

AutoComplete suggestion list cover the popper dialog #10427

a-pouramini opened this issue Dec 20, 2024 · 2 comments

Comments

@a-pouramini
Copy link

a-pouramini commented Dec 20, 2024

I followed example code in this link:

https://marmelab.com/react-admin/AutocompleteInput.html#create

.....
  return (
    <ReferenceInput source={source} reference={reference} {...props}>
      <AutocompleteInput
        create={
          canCreate && (
            <CreateNewItemDialog />
          )
        }
      />
    </ReferenceInput>
  );
};

export default CustomReferenceArrayInput;

But when the dialog is poped up the suggestion list opens up and covers it.

@slax57
Copy link
Contributor

slax57 commented Dec 20, 2024

Can you please follow the issue template?

@a-pouramini
Copy link
Author

if you reporoduce the code suggested in your documentation, you may encounter this problem. However, I resolved it by applying z-index=1500 to the dialog. the z-index of suggestion list is 1300 and can cover the dialog if it's not set to higher.

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

No branches or pull requests

2 participants