[ 7 posts ]

Erik Aho

  • Username: erikaho
  • Joined: Wed Feb 03, 2010 11:23 am
  • Posts: 43
  • Offline
  • Profile

calendar causes security warning in IE 7

Post Posted: Tue May 15, 2012 7:02 am
+0-
We are using the calendar control on our website that uses https. When I display the calendar in IE 7, I get the dreaded secure/non-secure content security warning. I believe it's because the css is using data uri's for backgrounds:

Code:
backgroud: transparent url(data:image/png;base64,.....)


After googling, it appears that data uri's are not supported in IE < 8. Any ideas on the best ways to fix this?

Allen Rabinovich

YUI Developer

  • YUI Developer
  • Offline
  • Profile

Re: calendar causes security warning in IE 7

Post Posted: Tue May 15, 2012 7:24 am
+0-
Hi Erik,

The data URIs are not supported in IE < 8, but the calendar skin uses an IE-specific *display property on the "<" and ">" symbols in the calendar controls to put them in place if the sprite backgrounds are not supported.

One thing to try would be to overwrite the *background property as well (* will make it specific to IE < 8), with an empty value. I don't know if that will defeat the warning or not off the top of my head.

I'll look into this more and post followups if I find other workarounds.

Erik Aho

  • Username: erikaho
  • Joined: Wed Feb 03, 2010 11:23 am
  • Posts: 43
  • Offline
  • Profile
Tags:

Re: calendar causes security warning in IE 7

Post Posted: Tue May 15, 2012 7:46 am
+0-
You are correct, it is functionality appropriately and the "<" and ">" are showing in IE 7. I'll try out the *background option and look into modifying the css to target only IE 8 and higher.

Erik Aho

  • Username: erikaho
  • Joined: Wed Feb 03, 2010 11:23 am
  • Posts: 43
  • Offline
  • Profile

Re: calendar causes security warning in IE 7

Post Posted: Tue May 15, 2012 9:25 am
+0-
Ok, it appears that if I add a

*background: none;

after the background with the data URI, I stop getting the warning in IE 7.

Is this something that should be filed as a defect? Could this type of issue be affecting other YUI modules?

Erik Aho

  • Username: erikaho
  • Joined: Wed Feb 03, 2010 11:23 am
  • Posts: 43
  • Offline
  • Profile

Re: calendar causes security warning in IE 7

Post Posted: Tue May 15, 2012 9:31 am
+0-
One other thought. Would it be possible to create the navigation arrows using just CSS borders? Similar to how Luke implemented the up/down sort arrows in the DataTable?

Allen Rabinovich

YUI Developer

  • YUI Developer
  • Offline
  • Profile
Tags:

Re: calendar causes security warning in IE 7

Post Posted: Tue May 15, 2012 10:02 am
+0-
This is definitely a defect, and I think the idea to use CSS borders is a good one. Can you file this as a defect for calendar? The short term fix would be adding the *background property, but if I have some extra time left this sprint, I'll switch the skin to CSS borders.

Erik Aho

  • Username: erikaho
  • Joined: Wed Feb 03, 2010 11:23 am
  • Posts: 43
  • Offline
  • Profile

Re: calendar causes security warning in IE 7

Post Posted: Tue May 15, 2012 12:59 pm
+0-
Ticket #2532321

Thanks for the help. I know that some data URIs are used in other modules. Might want to let the other component owners know about this issue so they can verify there aren't other bugs.
  [ 7 posts ]
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum