[Alodnog]

#webdev #react
Mam bardzo prosty layout składający się z dwóch kolumn - jedna ma 250px, a druga tyle ile zostało wolnego miejsca.
W tej drugiej kolumnie jest jeden bardzo szeroki element, który ma mieć 100% rodzica i być scrollowalny.
Jak taki efekt osiągnąć? Tutaj próbowałem, ale zawsze coś nie gra...
https://codesandbox.io/s/affectionate-meadow-c9txz1

[BomBom]

@Alodnog: pokombinuj z overflow-x: scroll;

[Alodnog]

@BomBom: Nie chcę dawać scroll, bo czasem ten element nie będzie aż tak duży i wtedy nie chcę scrolla

[Muflonisko]

@Alodnog: możesz wrzucić overflow-x: auto, wtedy pasek scrollowania pojawi się dopiero, gdy będzie co scrollować

[Alodnog]

@Muflonisko: W jaki sposób się pojawi? Defaultowa wartość dla overflow to visible, co oznacza że scroll nigdy się nie pojawi. I żeby było jasne - nie chodzi mi o scroll całej strony, a jedynie tego za dużego elementu

[Alodnog]

@Muflonisko: Przeczytałem "wyrzucić" zamiast "wrzucić", mój błąd. Ale przecież już jest overflow: auto dodane

[i.....d]

https://codesandbox.io/s/relaxed-hellman-0l3srs