-
1. Re: Blue "Halo" on spry tab in Safari
John Waller Oct 26, 2010 1:12 PM (in response to upstart1762)Can you give us a link to the site so we can offer specific suggestions?
-
2. Re: Blue "Halo" on spry tab in Safari
upstart1762 Oct 26, 2010 1:33 PM (in response to John Waller)www.upstartstudio.com/type.html
Actually, once I uploaded it, I see that there is not only a halo on the tab (once clicked on) in Safari, but the widget doesn't function in Safari at all. It does in "preview in browser", and it does in Firefox. I upploaded the .css & .js files.
-
3. Re: Blue "Halo" on spry tab in Safari
upstart1762 Oct 26, 2010 1:35 PM (in response to upstart1762)Now it is functioning in Safari, but halo is still around tab. Thinking it's a default setting that needs to be over-written.
-
4. Re: Blue "Halo" on spry tab in Safari
John Waller Oct 26, 2010 1:56 PM (in response to upstart1762)Try removing the tabindex from the code
<div class="CollapsiblePanelTab" tabindex="0">
-
5. Re: Blue "Halo" on spry tab in Safari
upstart1762 Oct 26, 2010 4:17 PM (in response to John Waller)I'm being told that "tabindex is not a valid css property name". I'm sure I'm just out of my league and doing something wrong.
-
6. Re: Blue "Halo" on spry tab in Safari
John Waller Oct 26, 2010 4:35 PM (in response to upstart1762)Remove it altogether.
In Code View, change
<div class="CollapsiblePanelTab" tabindex="0">
to
<div class="CollapsiblePanelTab">
-
7. Re: Blue "Halo" on spry tab in Safari
upstart1762 Oct 26, 2010 5:01 PM (in response to John Waller)You are the man! Fixed. Why would formatting be written into the code of a css-based file? Is this perhaps an IE precautionary script?
-
8. Re: Blue "Halo" on spry tab in Safari
John Waller Oct 26, 2010 5:11 PM (in response to upstart1762)tabindex is not related to formatting and it's not written in a CSS file. It's in the regular HTML code of the page
It's an HTML attribute which tells the browser where the next focus point is on screen when you press the Tab key (for those who don't or can't use a mouse).
Different browsers have different methods for showing the user where the current focus is on screen (focus changes as you hit Tab repeatedly).
Safari displays a blue glow.


