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

icon transform features do not work on IE11 #4607

Closed
tmorehouse opened this issue Jan 12, 2020 · 2 comments · Fixed by #4608
Closed

icon transform features do not work on IE11 #4607

tmorehouse opened this issue Jan 12, 2020 · 2 comments · Fixed by #4608
Assignees

Comments

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Jan 12, 2020

Describe the bug

Icon transform features do not work on IE11 (flipping, rotate, scale, shifting)

Steps to reproduce the bug

Open icon docs in IE11 browser

Versions

Libraries:

  • BootstrapVue: 2.2.0
  • Bootstrap: 4.4.1
  • Vue: 2.6.11

Environment:

  • Device: PC
  • OS: Windows 7
  • Browser: IE11

Additional context

IE11 will only apply transforms to the outer <svg> element, not the inner <g> element

May need to detect IE11 and apply the transform styles to the root svg element, possibly wrapping the icons in an inline block element so that additional user transforms can be applied, or change to use the transform attribute on the svg root element

@tmorehouse

This comment has been minimized.

Copy link
Member Author

@tmorehouse tmorehouse commented Jan 12, 2020

Switching to transform attribute on the <g> element works well with IE11 (and all other browsers).

tmorehouse added a commit that referenced this issue Jan 12, 2020
tmorehouse added a commit that referenced this issue Jan 12, 2020
@tmorehouse

This comment has been minimized.

Copy link
Member Author

@tmorehouse tmorehouse commented Jan 14, 2020

v2.2.1 has been released.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
1 participant
You can’t perform that action at this time.