search

wireui / wireui

TallStack UI components
https://v1.wireui.dev
MIT License
1.37k stars 166 forks source link

problem in display select results at mobile view #396

Closed behvandi11 closed 1 year ago

behvandi11 commented 1 year ago

Hello in select component please checkout display results for mobile view(both chrome and firefox) the results container fixed at bottom the page thanks

livewire 2.10.6 wireui 1.12.5

Screen Shot 2022-07-26 at 22 10 31

PH7-Jack commented 1 year ago

@behvandi11 Could you explain more about this issue? The selected option is shown in the mobile view image

behvandi11 commented 1 year ago

@PH7-Jack dear Pedro please see this url of wireui docs in a real mobile device: https://livewire-wireui.com/docs/select

in real mobile (I checked chrome & firefox in android 11) when click on select element, first problem is keyboard opens: photo_2022-07-27_12-08-10

and on push down keyboard, options fixed at bottom of page: photo_2022-07-27_12-08-21

joaopalopes24 commented 1 year ago

@behvandi11 I was able to catch the problem using the phone. I can try to verify @PH7-Jack .

PH7-Jack commented 1 year ago

@behvandi11 I understand the problem, it's because the topbar is shown dynamically. I'm trying a solution with -webkit-fill-available

Krato commented 1 year ago

Any update? Thanks! 😄

PH7-Jack commented 1 year ago

@Krato @joaopalopes24 @behvandi11 @vlados Fixed, thanks for waiting

PH7-Jack commented 1 year ago

Let me know if you still have this error

racerguy commented 1 year ago

Hey @PH7-Jack looks like this problem is fixed on a regular page for me. However when having a modal that is scrollable the option displays off the current scroll position and at the bottom of the modal (which is off the current view position).

Could we get a force-relative option which would fix the select in a scrollable modal and keep it under the select option like on desktop?

For modals I am using the wire-elements/modal package because for the children modal functionality. I am using the latest version of wireui with this update in it.

PH7-Jack commented 1 year ago

@racerguy could you open an issue and add images/videos about it? About modals, the WireUI modal supports nesting modal, you can use unlimited children modals inside the WireUI modal

racerguy commented 1 year ago

@PH7-Jack Sure thing will open another tonight and include images/screen caps.

Thanks for that information I will look into trying the wireui modals and post both incase it is strictly an issue with the wire elements package