Streaming live at 10am (PST)

Why Does "Focused" seem to override "Pressed" button state?


#1

I have a "Pressed" state here on these simple text links that darkens the text and a "Focussed" state that shows a dark border around the link. However, on press the focus state displays. Is that because it is also being focussed when it is pressed?

Is there a way to have a visual "focused" highlight state for the purpose of tabbing through a page (a must for accessibility) but not have it display on Press?

Here's a quick test page to demonstrate what I'm experiencing: http://form-tmp-789.webflow.io/
Designer Share Link:

Thanks,

JFly


#2

Hi we need your sharing link to compare smile


#3

Hi @vincent, Here you go! https://preview.webflow.com/preview/form-tmp-789?preview=7d6d50431023ceb92f47a37aeff2bd33


#4

(crickets)

I guess people are too worked up about the new pricing model wink


#5

I have been meaning to comment on this, sorry for the delay smile

The pressed state in the Webflow UI is the pseudo class selector :active in CSS. So you are right that when you click on a link it is both active and focused at the same time.

Unfortunately I don't know of anyway you can disable your focus state when a link is in an active state.


#6

Thanks Alex. Anyone else have any experience with this? Or is this just "default behavior"?


#7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.