primereact icon indicating copy to clipboard operation
primereact copied to clipboard

OverlayPanel: Do not insert content using CSS

Open pixelsunrise opened this issue 4 months ago • 0 comments

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

pixelsunrise avatar Sep 15 '25 11:09 pixelsunrise