Lompat ke konten
Error CSSError
Circular CSS variable

CSS Variable Sirkular

Dua atau lebih custom property CSS saling mereferensikan satu sama lain sehingga membentuk dependensi sirkular.

browser

Apa penyebab error ini

Custom property A menggunakan var(--b) dan custom property B menggunakan var(--a), menciptakan loop tak terbatas. Browser akan menggunakan nilai awal (invalid) untuk properti yang saling melingkar tersebut.

Cara memperbaikinya

Putus referensi sirkular dengan menggunakan nilai konkret pada salah satu properti. Restrukturisasi dependensi variabel. Gunakan nilai fallback untuk mencegah kegagalan berantai.

Dokumentasi Resmi

Kode Error Terkait