primereact icon indicating copy to clipboard operation
primereact copied to clipboard
verified publisher icon primefaces

ContextMenu has an outline

Open mtsh1000 opened this issue 2 years ago • 3 comments

Describe the bug

In 10.3.0 ContextMenu started to have an outline.

Reproducer

https://codesandbox.io/p/devbox/primereact-demo-forked-qqr8cv?file=%2Fsrc%2Findex.css%3A23%2C16

PrimeReact version

10.3.0

React version

18.x

Language

ALL

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

mtsh1000 avatar Jan 05 '24 15:01 mtsh1000

Looks like a Theme change is required.

melloware avatar Jan 05 '24 15:01 melloware

The CSS causing it is this...

*:focus {
    outline: auto;
}

melloware avatar Jan 05 '24 16:01 melloware

The CSS causing it is this...

*:focus {
    outline: auto;
}

I added this to show the issue, without it there is no outline at all and it should be present on interactive elements (i.e. row expander arrow).

mtsh1000 avatar Jan 06 '24 06:01 mtsh1000