I'm facing an issue with my code that creates a chart responsive to different screen sizes and dimensions. The problem arises when the URL bar on mobile browsers hides or shows based on scrolling, altering the height of the screen. This triggers the resize function, which adjusts the chart's size whenever browser dimensions change, leading to undesired behavior. I need assistance in resolving this issue. I cannot eliminate the resize function as it ensures the chart's responsiveness. How can I manage the URL field hiding and showing?
I've included a running snippet for reference.
Thank you for your help!