Fix .dropdown-menu-arrow border rendering on Firefox (#3162)

This commit is contained in:
Bartosz-Do authored and GitHub committed 2026-09-24 15:27:46 +02:00
1 parent 038000f567
commit 18a8a492f8
2 files changed
+8

No files matched your search

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fixed `.dropdown-menu-arrow` border rendering on Firefox by trimming the clipped edges.
+3
View File
@@ -93,6 +93,9 @@
// The menu draws its edge with the 1px ring in --dropdown-box-shadow and has
// no border, so `inherit` would give the arrow the text color.
border: 1px solid var(--dropdown-border-color);
// clip-path + border + rotate renders garbled edges on Firefox; only the
// top/left border survives the clip anyway, so drop the rest.
border-width: 1px 0 0 1px;
/* rtl:ignore */
transform: rotate(45deg);