FreewayTalk

3 replies to this thread. Most Recent

Tony

24 Feb 2020, 7:31 am

[Pro] Rollover glowing blue frame

Example website: http://ow.ly/o16330qk8Wt

Hi :)

When clicking the rollover ‘Get a Fast Quote’ (on the right hand side of the page) this works correctly and takes you to the correct destination. However when clicking the browser back button the rollover remains in the ‘clicked state’ ie white background instead. of red background It also has a glowing blue halo around the text.

• How do I get the rollover to go back to the unlicked state when using the browser back button?

• How do I get rid of the blue hallow when clicked?

http://ow.ly/o16330qk8Wt

Any help always appreciated

Tony

Yorkshire | United Kingdom

Freeway Pro 7.1.4

iMac 21.5inc, 16GB | macOS High Sierra 10.13.6

iPhone XS, 256GB | iPhone 7, 32GB | iOS 13.5.1

waltd

24 Feb 2020, 1:20 pm

The back button doesn’t just cause the browser to re-load the address of the previous page, rather it reads that page out of the browser’s memory cache, in the state it was in when it last changed (i.e.: just before you left the page) and then displays that.

Safari (not sure about other browsers) will avoid making changes to elements like links or buttons that change after a redirect (to the target of a link) is processed. Often this can mean that when you come “back” to the page, you see those changes, since a new render happens from the memory contents.

The focus ring you are referring to is one of those. You will already be familiar with this visual effect from form elements, where if you tab or click through the fields, the currently “focused” field will gain a blue ring. This is a visual aid, mainly used by people who use assistive devices to help them navigate the Web (non-pointing-device users, for example). Left to itself, most browsers add some sort of highlight like this to the focused link or button or field. You can disable this in CSS, by adding a rule that looks like this:

a:focus, a:active { outline: none }

But that is very evil to the people who actually rely on this browser feature.

My advice to you is to not worry about this, since any effort to get rid of it will have unintended consequences. You can’t really override the browser’s preference to cache the last page and return to it without a new request, nor should you, since it’s going to result in a higher bandwidth bill for you and more data use for your visitors.

Walter

On Feb 24, 2020, at 2:31 AM, Tony <[email protected]> wrote:

Example website: http://ow.ly/o16330qk8Wt

Hi :)

When clicking the rollover ‘Get a Fast Quote’ (on the right hand side of the page) this works correctly and takes you to the correct destination. However when clicking the browser back button the rollover remains in the ‘clicked state’ ie white background instead. of red background It also has a glowing blue halo around the text.

• How do I get the rollover to go back to the unlicked state when using the browser back button?

• How do I get rid of the blue hallow when clicked?

http://ow.ly/o16330qk8Wt

Freeway user since 1997

http://www.walterdavisstudio.com

Tony

24 Feb 2020, 1:26 pm

Hi Walter

Thank you for your response, advice and technical knowledge on that.

I’ll leave it as it is then.

Tony

Any help always appreciated

Tony

Yorkshire | United Kingdom

Freeway Pro 7.1.4

iMac 21.5inc, 16GB | macOS High Sierra 10.13.6

iPhone XS, 256GB | iPhone 7, 32GB | iOS 13.5.1

Back to Top

Carla

26 Feb 2020, 3:08 pm

Here is our discussion and fix for Safari blue glow.. its an easy fix https://freewaytalk.softpress.com/thread/view/101775#m_130630