Inability to style rc-tour used in a custom web component due to it being placed in the document.body by default
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 38/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Empieza rastreando cómo rc-tour renderiza su máscara, el marcador de posición del objetivo y el tour a través de sus componentes Portal; después compara el comportamiento solicitado del contenedor con Ant Design Tooltips y Popovers. Se considera terminado cuando una opción getContainer pueda colocar esos elementos dentro de un componente web personalizado sin requerir estilos de tema a nivel de página.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Hello.
I am currently working on using the rc-tour component in an Antd 4.24.x project but I couldn't get the rc-tour divs (rc-tour-mask, rc-tour-target-placeholder, and rc-tour) to be placed within the custom web component being used.
The custom web component contains the stylings which apply to the web component alone and we don't want the styles to leak out of the component. Also, we don't want to manage a separate styles file which can be placed on the page as different page sections have different colour theme styles. We want the rc-tour theme to be controlled by the webcomponent.
Has the team explored the use of a getContainer prop which then gets passed to the Portal components within the rc-tour for such placements similar to Antd Tooltips and Popovers?
Will be glad to put in a PR for it if this use case hasn't been explored yet.
- Lenguaje dominante
- TypeScript
- Estrellas
- 44
- Forks
- 39
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/tour
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
react-component/tour#88 ·
-
Errors messages in the consolePosiblemente ocupada @nrps9909 la tomó hace 60 días. Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 30/100
react-component/tour#73 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/tour#62 ·
-
target不在视口中时，默认滚动选项不是很合理Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/tour#48 ·
Todos los issues de react-component/tour
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
Los mantenedores suelen responder en 1 día
-
auth: agent-bearer --manager-call is told to use the MCP instance argument on an ambiguous managerAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 80/100
Los mantenedores suelen responder en 1 día
-
Lyric and ApostrophesAbiertobug module: playback
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
chthollyphile/folia-major#739 · 2 comentarios ·
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
agilepathway/label-checker#773 · 2 comentarios ·
Los mantenedores suelen responder en 1 día