injectCSS method not attaching csp nonce passed to it. it is used in antd components internally

Aperta Adatta ai principianti
#671 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
65/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
javascript, typescript
Ambito
frontend

Direzione di ricerca

Inizia leggendo node_modules/rc-util/es/Dom/dynamicCSS.js e node_modules/rc-util/lib/Dom/dynamicCSS.js, concentrandoti su injectCSS e sulla relativa gestione di CSP. Verifica che l’implementazione conservi il nonce passato a injectCSS sull’elemento style generato, quindi aggiungi o aggiorna un test pertinente se il repository ne fornisce uno.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch rc-util@5.44.4 for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/rc-util/es/Dom/dynamicCSS.js b/node_modules/rc-util/es/Dom/dynamicCSS.js
index 8ddec00..9e5efee 100644
--- a/node_modules/rc-util/es/Dom/dynamicCSS.js
+++ b/node_modules/rc-util/es/Dom/dynamicCSS.js
@@ -52,7 +52,8 @@ export function injectCSS(css) {
     styleNode.setAttribute(APPEND_PRIORITY, "".concat(priority));
   }
   if (csp !== null && csp !== void 0 && csp.nonce) {
-    styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
+    styleNode.setAttribute('nonce', csp.nonce);
+   // styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
   }
   styleNode.innerHTML = css;
   var container = getContainer(option);
diff --git a/node_modules/rc-util/lib/Dom/dynamicCSS.js b/node_modules/rc-util/lib/Dom/dynamicCSS.js
index 95a5191..be33605 100644
--- a/node_modules/rc-util/lib/Dom/dynamicCSS.js
+++ b/node_modules/rc-util/lib/Dom/dynamicCSS.js
@@ -62,7 +62,8 @@ function injectCSS(css) {
     styleNode.setAttribute(APPEND_PRIORITY, "".concat(priority));
   }
   if (csp !== null && csp !== void 0 && csp.nonce) {
-    styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
+    styleNode.setAttribute('nonce', csp.nonce);
+    // styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
   }
   styleNode.innerHTML = css;
   var container = getContainer(option);

This issue body was partially generated by patch-package.

Lingua principale
TypeScript
Stelle
670
Fork
205
Merge medio
15g 17h
PR unite (30g)
6

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di react-component/util

Tutte le issue di react-component/util

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.