Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Card overflow-hidden class breaks searchable select field overflow. #6040

Closed
dmason30 opened this issue Nov 13, 2023 · 2 comments
Closed

Card overflow-hidden class breaks searchable select field overflow. #6040

dmason30 opened this issue Nov 13, 2023 · 2 comments

Comments

@dmason30
Copy link

dmason30 commented Nov 13, 2023

  • Nova Version: 4.29.4, 4.29.5

Description:

The addition of overflow-hidden class to the Card.vue component in 4.29.4 has broken select field overflow when the field is near the bottom of the card.

Form
See video of how the overflow-hidden is making the field select move when the search part is rendered and how the overflow-hidden is hiding the results.

Select::make('Example', 'name')
    ->options(collect(range(1, 30))
        ->mapWithKeys(fn ($i) => ["example_$i" => "Example $i"]),
    )
    ->searchable(),
Screen.Recording.2023-11-13.at.13.57.48.mov

Attaching

MorphToMany::make('Users', 'users', UserResource::class)
                ->fields([...])
                ->searchable(),
image
@kazak71
Copy link

kazak71 commented Nov 14, 2023

I confirm!
But this problem is not related only to card. It's probabli more complex.
It's appears without using card but when form fields are few
Screen Shot 2023-11-14 at 15 30 17

@davidhemphill
Copy link
Contributor

I believe this issue should be fixed. Please post a new issue if the issue persists.

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

No branches or pull requests

3 participants