UiConfirm show Modal with cancel CSS issue

[fuchao2012]

When first pop up modal window, just like this

The cancel might have some CSS problem.

[EmilMoe]

Also in the demo cases in the doc's I noticed this error.

[JosephusPaye]

It's not a bug, that shows which button is focused (in this case the Cancel button).

Try tabbing and you will see the focus change.

[EmilMoe]

But this is not the way Google Material sets focus and it gives the impression that it's a bug. A very eye catching one for me and seemingly more.

Google simply darkens the background a bit to show highlight https://material.angularjs.org/latest/demo/button

[JosephusPaye]

While it does seem weird, this is actually in the specs. See https://material.io/guidelines/components/buttons.html#buttons-style under Behavior section.

It is also a place that Angular Material deviates from the specs, see angular/material#142.

I will look into it again to see how it can be tweaked visually to look less like the focus is "stuck".

[JosephusPaye]

This was changed in 941e0a9, to be released soon. Now the focus ring animates to fill the button.

To try it:

# npm
npm install keen-ui@JosephusPaye/Keen-UI#next

# yarn
yarn add keen-ui@JosephusPaye/Keen-UI#next

See the changelog for all changes.

[JosephusPaye]

Released in v1.1.0.