Skip to content

Shadow DOM slots, composition #561

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
joaquinelio merged 16 commits into from
Oct 18, 2021
Merged

Shadow DOM slots, composition #561

Changes from 1 commit
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
1d3ad57
Traduccion Shadow DOM slots, composición
MaxSierra16 Oct 13, 2021
d86e408
Update 8-web-components/5-slots-composition/article.md
MaxSierra16 Oct 14, 2021
aae4aeb
Update 8-web-components/5-slots-composition/article.md
MaxSierra16 Oct 15, 2021
82bf64c
Update 8-web-components/5-slots-composition/article.md
MaxSierra16 Oct 15, 2021
f7b1b3e
Update 8-web-components/5-slots-composition/article.md
MaxSierra16 Oct 15, 2021
81643df
Update 8-web-components/5-slots-composition/article.md
MaxSierra16 Oct 15, 2021
fc5090d
Update 8-web-components/5-slots-composition/article.md
MaxSierra16 Oct 15, 2021
19ee397
Update 8-web-components/5-slots-composition/article.md
MaxSierra16 Oct 15, 2021
b6d1a6d
Update 8-web-components/5-slots-composition/article.md
MaxSierra16 Oct 15, 2021
618d69c
Update 8-web-components/5-slots-composition/article.md
MaxSierra16 Oct 15, 2021
19ff453
Cambios sugeridos localmente.
MaxSierra16 Oct 15, 2021
a2d17a2
Update 8-web-components/5-slots-composition/article.md
MaxSierra16 Oct 15, 2021
523bc96
Update article.md
joaquinelio Oct 15, 2021
5b99a3a
Update article.md
joaquinelio Oct 15, 2021
8d7b97c
Update article.md
joaquinelio Oct 15, 2021
7f87e6f
Update 18/10
MaxSierra16 Oct 18, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Update 18/10
  • Loading branch information
@MaxSierra16
MaxSierra16 committed Oct 18, 2021
commit 7f87e6fe439c25576285c6bc96bac652e827d6d9
4 changes: 2 additions & 2 deletions 8-web-components/5-slots-composition/article.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -444,11 +444,11 @@ El proceso de renderizar elementos sloteados dentro de sus slots se llama "compo

La composición no mueve realmente los nodos, desde el punto de vista de JavaScript, el DOM sigue siendo el mismo.

@joaquinelio joaquinelio Oct 13, 2021

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

comas...

creo que

Suggested change
La composición no mueve realmente los nodos, desde el punto de vista de JavaScript, el DOM sigue siendo el mismo.
La composición no mueve realmente los nodos; desde el punto de vista de JavaScript, el DOM sigue siendo el mismo.

o punto seguido


JavaScript puede acceder a los slots mediante methods:
JavaScript puede acceder a los slots mediante estos métodos:
- `slot.assignedNodes/Elements()` -- retorna nodos / elementos dentro del `slot`.
- `node.assignedSlot` -- la propiedad inversa, retorna el slot por un nodo.

Si nos gustaría saber qué mostramos, podemos rastrear el contenido de los slots usando:
Si queremos saber, podemos rastrear el contenido de los slots usando:
- `slotchange` event -- se activa la primera vez que se llena un slot, y en cualquier operación de agregar / quitar / reemplazar del elemento esloteado, pero no sus hijos. El slot es `event.target`.
- [MutationObserver](info:mutation-observer) para profundizar en el contenido del slot, observar los cambios en su interior.

Expand Down