Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Setting lines on hidden tab content #9

Open
bewards opened this issue Jun 3, 2015 · 0 comments
Open

Setting lines on hidden tab content #9

bewards opened this issue Jun 3, 2015 · 0 comments

Comments

@bewards
Copy link

bewards commented Jun 3, 2015

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
image

Inactive
image

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant