Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

rc-util's getScrollBarSize Does Not Respect ConfigProvider's csp.nonce, Causing CSP Violations

Abierto
#613 4 comentarios 4 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
48/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend, security

Línea de trabajo

Empieza leyendo src/getScrollBarSize.tsx alrededor de la línea 49 y sigue cómo se alcanza su llamada a updateCSS cuando rc-table utiliza getScrollBarSize. Comprueba cómo se pone a disposición de esta utilidad el csp nonce de ConfigProvider. Se considera terminado cuando el estilo inyectado para medir la barra de desplazamiento utiliza el nonce configurado y deja de causar la violación de CSP indicada.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

The getScrollBarSize function in rc-util dynamically injects CSS using updateCSS for measuring scrollbar size. However, it does not respect the nonce value provided via the ConfigProvider's csp property. This leads to CSP violations in environments with strict style-src policies.

Steps to Reproduce
  1. Set up a project using antd with a ConfigProvider configured to include a nonce value: 
    <ConfigProvider
  csp={{
    nonce: 'test-nonce',
  }}
>
  2. Use a component that indirectly triggers the getScrollBarSize function (i.e. Table from rc-table)
  3. Observe CSP violations in the browser console, such as: 
    Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' 'nonce-test-nonce'".
Expected Behavior

The getScrollBarSize function should respect the configured nonce by passing it to the updateCSS function when dynamically injecting styles.

Affected Code

The relevant part of the getScrollBarSize.tsx, line 49:

updateCSS(
  `
#${randomId}::-webkit-scrollbar {
${widthStyle}
${heightStyle}
}`,
randomId,
);
Additional info

This issue was first introduced in the following commit: Commit Hash: e96b0c6

Lenguaje dominante
TypeScript
Estrellas
670
Forks
205
Merge medio
15 d 17 h
PR fusionados (30 d)
6

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react-component/util

Todos los issues de react-component/util

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.