I have a web page where several images are rendered in a tabbed view. On page load the image in the default tab is being processed correctly. However, when the tab is switched, the width and height values are corrupted, with width returning 80 and height returning NaN.
I suspect the issue might arise from the fact that my images have no explicit width and height tag; rather, width and height are defined in CSS using width:80%; height: auto'. The return values from the CSS resemble the corrupted ones (80% andauto-> 80 andNaN. Perhaps thegetComputedStyle` function cannot parse the values correctly.
This is supported by the fact that when I declared width and height explicitly in the img tag, the issue went away.
I have a web page where several images are rendered in a tabbed view. On page load the image in the default tab is being processed correctly. However, when the tab is switched, the width and height values are corrupted, with width returning 80 and height returning
NaN.I suspect the issue might arise from the fact that my images have no explicit
widthandheighttag; rather, width and height are defined in CSS usingwidth:80%; height: auto'. The return values from the CSS resemble the corrupted ones (80% andauto-> 80 andNaN. Perhaps thegetComputedStyle` function cannot parse the values correctly.This is supported by the fact that when I declared width and height explicitly in the
imgtag, the issue went away.