Component with Wizard and overflow shifts content out of the screen
I have a custom livewire component with HasSchema, and a Wizard with 4 steps.
The Wizard is completely a form.
My parent view (layout file) has overflow-hidden on the body.
When i complete step 1 in the wizard and click next, the layout shifts up and left. Out of bounds of the screen. Giving me white space on the right and bottom, and unreachable content top and left.
When i change the body tag to overflow-x-hidden, the samething happens, but the content only shifts to the left, not up.
when i remove the overflow class on my body, the content stays where it was and there is no issue.
The second, related issue: i have a fixed menu bar on top, but when i click nextstep on my wizard (with out the overflow class onmy body), the content scrolls up behind my fixed menu bar. i keep having to scroll down to get it back in view.
The thing is, i want that overflow-hidden on my body tag.
Any idea how to fix this?
0 Replies