Opened 3 years ago
Closed 9 months ago
#6179 closed defect (bug) (fixed)
In responsive content overflow on the page :- https://wordpress.org/themes/responsive/
Reported by: | nidhidhandhukiya | Owned by: | coffee2code |
---|---|---|---|
Milestone: | Priority: | lowest | |
Component: | Theme Directory | Keywords: | needs-patch |
Cc: |
Description
Because of that graph the page is having overflow in responsive and not looking proper.
I have attached screenshot for better understanding.
Attachments (1)
Change History (3)
Note: See
TracTickets for help on using
tickets.
Thanks for the report! I believe this only happens when the page is resized after loading. The JavaScript that outputs the chart does so in a way that fits the available space for the chart when the page is loaded.
If the initial pageload was narrow and then the page is resized after the fact to be wider, the chart will remain narrow. However, if the initial pageload was wide (which appears to be the reported scenario), the chart will initially be output wide/full-width. If the viewport is then resized to be narrower, the chart will overflow.
The code responsible for the chart is embedded from Google Charts and is not in our direct control. However, we can make the container for the chart scroll horizontally when it would overflow the container when resized.
Note that the original dimensions of the chart will remain unchanged, so resizing the page won't cause the chart to automatically expand or shrink to fit the new available width. This is known, accepted, and unlikely to be addressed.