Setting lines on hidden tab content #9
Description
I have a simple tab and tab container module that switches between tab content. Drawing lines between points in an inactive (display: none) tab content on page load makes the plugin not render the line with the required positioning properties.
Here are the differences (of 1 line) when this tab container is set as active on page load compared to inactive state:
Active
Inactive
You can see that the below properties are missing (or missing a value other than 0):
- width (inactive always set to 0px)
- top
- left
- transform
I have resolved this by calling the draw line method when switching to an inactive container, but thought that this was a possible bug. Thoughts?
On a side note, i noticed that lines in IE10 and IE9 that are drawn with any amount of angle are not transformed diagonally. IE10 doesn't show any translate property, whereas IE9 tries to fix this with the filter property. What does browser support look like?