search

andrewdwallo / filament-selectify

Two alternative fields for toggles, radio buttons, and other selectors.
MIT License
36 stars 6 forks source link

[Bug]: UI bug in mobile version #15

Closed bekbolot1407 closed 7 months ago

bekbolot1407 commented 7 months ago

What happened?

Hi, I have a problem with displaying buttons in the mobile version

Here's my button form

Снимок экрана 2024-02-20 в 15 19 44

This is how I further invoke and display this button form on the page:

Снимок экрана 2024-02-20 в 15 20 10

The desktop version is fine:

Снимок экрана 2024-02-20 в 15 20 26

But on the mobile version, it's messed up

Снимок экрана 2024-02-20 в 15 20 38

I can deliver ->gridDirection('row'), but it doesn't suit me

How to reproduce the bug

  1. Create a livewire component
  2. Create a form group of buttons
  3. Call the form method in HTML markup

Package Version

2.0

PHP Version

8.2

Laravel Version

10.0

Which operating systems does with happen with?

macOS, Windows, Linux

Notes

No response

andrewdwallo commented 7 months ago

Okay well what do you want it to do in mobile? Do you want it to wrap?

bekbolot1407 commented 7 months ago

I think it would be more correct to make it adaptive to the mobile version, to divide it into rows, columns. That is, there are static row and column by default. Now you can use only one of these options.

And you can make it so that two variants are used at the same time. When the display is wide, then use column, and when it is narrow as in the mobile version, then use row and all this would happen automatically.

andrewdwallo commented 7 months ago

@bekbolot1407 Should be fixed now.