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

[TabContainer]: Expose ShadowDom Content Item Part for CSS Styling

Abierto Apto para principiantes
#14,222 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 3 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
68/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
typescript, web-dev
Área
frontend

Línea de trabajo

Empieza por localizar la implementación de TabContainer y su plantilla del shadow DOM; luego comprueba cómo se exponen y se prueban partes existentes como content. Añade la parte content-item al elemento correspondiente y actualiza las pruebas de TabContainer para verificar que está disponible. Se considera terminado cuando los consumidores puedan seleccionar el elemento de contenido mediante ::part(content-item) del host y aplicar estilos a su desbordamiento.

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

Descripción

enhancement feature request TOPIC RD
Feature Request Description

Hi,
I'm using ui5 for react, but it should be similar in Webcomponents.
My request is about adding a new part selector for tabContainer.

In TabContainer, with CSS I can get to a tab's content ( ui5-tc__content ) through [tabContainer]::part(content), but I can see that there's another layer: ui5-tc__contentItem (one layer deeper).

[tabContainer]::part(content) > ui5-tc__contentItem doesn't work in CSS sadly.

Why I need this: the contentItem div has overflow: auto set and I would like to set it to overflow: visible for my use case. I put a card as a child of the tab and the card's box-shadow is being cut off left and right due to the overflow behavior.

Proposed Solution

Exposed "content-item" shadowDom part would be ideal to have.

Proposed Alternatives

No response

Organization

SAP

Additional Context

No response

Priority

None

Privacy Policy
  • I’m not disclosing any internal or sensitive information.
Lenguaje dominante
TypeScript
Estrellas
1.8k
Forks
290
Merge medio
3 d 12 h
PR fusionados (30 d)
51

Preparar el entorno

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 UI5/webcomponents

Todos los issues de UI5/webcomponents

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.