no-js tab switcher

Abierto

#3 abierto el 9/9/2024 0 comentarios 0 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: 35/100

Tipo de issue: Nueva funcionalidad
Claridad: Necesita aclaración
Estado de actividad: Estancado
Stack tecnológico: css, html
Área: frontend

Línea de trabajo

No se nombra ningún archivo del repositorio ni ninguna prueba; empieza revisando la estructura de boilerplate existente y los ejemplos de CSS/HTML de este issue. Determina cómo deben representarse los destinos de las pestañas y, después, verifica que las pestañas se puedan cambiar y cerrar sin JavaScript.

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

Descripción

Re: https://stackoverflow.com/a/71008554

dialog { display: block; }

dialog:not(:target):not([open]) { display: none; }

<html>
  <body>
      <p>
        <a href="#dialog">Open dialog</a>
      </p>

      <dialog id="dialog">
        <h2>Dialog</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <a href="#!">Close</a>
      </dialog>
  </body>
</html>

Not sure if this would have to enumerate every hash target (ex: #main, #settings) or if this could be done by some sort of dynamic class selector, but this should allow tabs without JavaScript.

Lenguaje dominante: CSS
Estrellas: 0
Forks: 0
Métricas de merge de PR: Sin PR fusionados en 30 d

Guía de contribución

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

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 BeyondCodeBootcamp/mvp.html

mention form.requestSubmit() Abierto

Dificultad 2/5 1-3 horas Aptitud para principiantes 35/100

BeyondCodeBootcamp/mvp.html#2 · Abierto el 9/9/2024
update dialog example Abierto

Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100

BeyondCodeBootcamp/mvp.html#1 · Abierto el 9/9/2024

Todos los issues de BeyondCodeBootcamp/mvp.html

Issues similares

Replay: rrweb `Mirror.removeNodeFromMap` never descends into shadow roots, so every removed web component leaks its shadow tree Abierto

Browser Waiting for: Product Owner

Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100

getsentry/sentry-javascript#24577 · 1 comentario · Abierto el 22/9/2026
Cannot differ own consent and managed consents in My Consents view and detailed consent view. Abierto

1.0.0-alpha2 Type/Improvement

Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100

wso2/dpdp-accelerator#272 · Abierto el 22/9/2026
EW canvas: em+strong CTA renders green (not accent) and brochure card links misalign Abierto

light

Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100

aemdemos/patients-stryker#253 · Abierto el 22/9/2026
OAuthConsent shows an empty permissions list when only offline_access is requested Abierto

Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100

clerk/javascript#9852 · Abierto el 22/9/2026
Very long search text gives a bare "Error: Failed to fetch" Abierto

bug good first issue

Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100

amponce/archive-movie-browser#165 · Abierto el 22/9/2026

Más issues de Web Dev