So I render a component via React within my html
like so:
<html>
<body>
<div id=app>${appHtml}</div>
<script src=/bundle.js></script>
</body>
</html>
Within my app I have a burger button, that onClick
goes full screen.
However, the body is scrollable. I'd normally add a class to the body
tag and make it overflow: hidden
to prevent this. However, my react component is rendered within the body
tag so I have no control over toggling classes based on a click within a react component.
Has anyone got any ideas/advice on how i'd achieve what i'm looking for.
Thanks!