primereact
primereact copied to clipboard
OverlayPanel: Do not insert content using CSS
Describe the bug
There is an issue from accesibility validator for OverlayPanel: WCAG2 A 1.3.1: Do not insert content using CSS
.p-overlaypanel:after, .p-overlaypanel:before {
bottom: 100%;
left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
Reproducer
No response
System Information
System:
OS: Windows 10 10.0.19045
CPU: (6) x64 Intel(R) Core(TM) i5-9400 CPU @ 2.90GHz
Memory: 3.44 GB / 15.87 GB
Binaries:
Node: 20.10.0 - C:\Program Files\NodeJS 20.10.0\node.EXE
npm: 10.2.3 - C:\Program Files\NodeJS 20.10.0\npm.CMD
Browsers:
Edge: Chromium (140.0.3485.54)
Internet Explorer: 11.0.19041.5794
Steps to reproduce the behavior
Validate website which contains OverlayPanel with Accesibility Validator
Expected behavior
No WCAG error regarding: WCAG2 A 1.3.1: Do not insert content using CSS