I can not set .chakra-collapse: overflow hidden to overflow unset.
MartinGiordano opened this issue · comments
Hey everyone, recently y was implementing this stepper and i came to a wall when y want to display a popover inside a vertical stepper.
There is a div with class of .chakra-collapse, that has a css overflow property set to hidden.
I'd tryed :
- To add custom styling to a Step component.
- Config a global object inside my theme stylesConfigs.
- Wrap the Step component on container with styled div but it broke the ui.
but i can not overide succesfully that property.
¿have the Step Component a way to make this happen via props or anothersolution?
Hi @MartinGiordano this seems to be from the default styles applied to the chakra Collapse component, which is being used in the vertical stepper. Can you provide a snippet of the code that's causing the issues? I just tried a simple example using a popover in a vertical step and it works as expected.
I have solved my problem.
I realize that step can receive a css prop that i can pass custom css
attributes.
Solved by adding props css={{overflow:'unset'}} to step component.
Thank you so much. Sorry for my poor chakra knowledge
El mié, 8 jun 2022 a las 4:23, Jean Verster ***@***.***>)
escribió:
… Hi @MartinGiordano <https://github.com/MartinGiordano> this seems to be
from the default styles applied to the chakra Collapse component, which
is being used in the vertical stepper. Can you provide a snippet of the
code that's causing the issues? I just tried a simple example using a
popover in a vertical step and it works as expected.
—
Reply to this email directly, view it on GitHub
<#72 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AK7K4QXFC73O4DSHXKT34CDVOBC7DANCNFSM5XXFEDEA>
.
You are receiving this because you were mentioned.Message ID:
***@***.***>