[Vuejs]-Button class removal doesn't render immediately

0👍

I found the problem and a solution. The button was not changing to an outlined style until I moved away from it because the button was still “focused” and the focused style was being rendered. This was happening in Chrome and here is a better explanation as to what is happening:

“It’s rather focused than active, the button has :focus pseudo class
styling. It seems Chrome makes buttons focused when they clicked,
while others don’t.”

https://github.com/jgthms/bulma/issues/482

I “fixed” my problem by converting the buttons to anchors and using the button style. Links are not treated the same way as buttons by chrome.

0👍

Use @click.stop to stop propagation, otherwise you are catchong all the click events

Leave a comment