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

Unify dropdown behavior with floating-ui #8544

Open
lucasbordeau opened this issue Nov 18, 2024 · 3 comments
Open

Unify dropdown behavior with floating-ui #8544

lucasbordeau opened this issue Nov 18, 2024 · 3 comments
Assignees
Labels
scope: front Issues that are affecting the frontend side only size: long

Comments

@lucasbordeau
Copy link
Contributor

lucasbordeau commented Nov 18, 2024

Scope & Context

We still have many dropdowns that don't have the right behavior (overflow problem, parent container resizing out of window, etc.)

We want to unify the dropdown behavior by using the right configuration for our floating-ui middlewares which are already fully capable of handling our common use cases.

Then we will be able to remove any CSS workaround for this and let floating-ui fully handle the dropdowns, which is what we want.

  • Secondary goal : have the search input placed at the bottom / top when floating-ui switches the position so it stays where it was before, when we have the list loading and floating-ui placing the dropdown at the opposite for example.

  • We want to disable the create new button on record dropdowns when we cannot create :

Image

  • We want to fix the overflow / resize behavior which is not properly handled right now :

Image

@lucasbordeau
Copy link
Contributor Author

@Bonapara Do you have any recommendation for the multiple dropdowns of the app and did you see any behavior that you would like to be fixed ?

@FelixMalfait
Copy link
Member

@lucasbordeau I think I can speak on behalf of @Bonapara - happy to discuss whenever you want today

@lucasbordeau
Copy link
Contributor Author

I updated the issue following our discussion.

@lucasbordeau lucasbordeau self-assigned this Nov 18, 2024
@Bonapara Bonapara added scope: front Issues that are affecting the frontend side only size: long labels Nov 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
scope: front Issues that are affecting the frontend side only size: long
Projects
Status: 🆕 New
Development

No branches or pull requests

3 participants