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

button-in-button in AutocompleteWidget will cause hydration errors #191

Open
stexandev opened this issue Jan 17, 2025 · 0 comments
Open

Comments

@stexandev
Copy link

The problem:

The implementation of AutocompleteWidget uses EuiComboBox, which renders its list options as html button components. As children of these components the implementation inserts BreadcrumbPresentation components, of which parts are renders as html button components, which is against the html spec.

Also, this will cause hydration problems in frameworks like next.js

The solution:

Provide and use a BreadcrumbPresentation component that uses only non-interactive components.

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