Jump to content
Search Community

IE8 - Text inputs inside scaled div.

TNord test

By TNord
in GSAP

Moderator Tag
 Share

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

TNord test

TNord

Posted
Posted

I'm using TweenLite to scale a wrapper div to fit a user's window. Everything looks and functions well, except in IE8 there is an unusual issue with Text Inputs. When clicked inside to enter text, the blinking caret appears offset, yet the entered text still displays in the correct position.

 

post-6176-0-41146700-1362504699_thumb.png

 

The offset seems proportional to the amount the wrapper div was scaled. 

 

Thanks in advance for any help!

Link to comment
Share on other sites
GreenSock test

GreenSock

Posted
Posted

Ah yes, you've gotta love IE8 (and earlier). The transforms (scaling/rotation/translation) can ONLY be accomplished using an IE-specific filter and I believe that only changes where the pixels display. It looks like it doesn't compensate for the underlying input elements. I'm pretty sure that's literally impossible to do. I wish there was an easy fix. Certain things are just plain impossible with such old technology :(

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...