Feliz: No se pueden configurar los atributos IFrame y SVG

Creado en 29 abr. 2020  ·  6Comentarios  ·  Fuente: Zaid-Ajaj/Feliz

Intentando implementar videos de Youtube y SVG en un sitio web, pero no puedo establecer algunas propiedades:

            Html.iframe [ 
              prop.className "videostream"
              prop.src v.url
              prop.allowFullScreen true // Missing Feature in Feliz?
              prop.scrolling "no" // Missing Feature in Feliz?
              prop.frameBorder 0 // Missing Feature in Feliz?


                  Html.svg [ 
                    prop.className "fill-current h-3 w-3" ; 
                    Html.svg.viewBox "0 0 20 20" // Missing Feature in Feliz?
                    Html.svg.xmlns "http://www.w3.org/2000/svg" // Missing Feature in Feliz?
                    prop.children [ 
                      Html.path [ 
                        Html.d "M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" // Missing Feature in Feliz?
                      ]
                    ]
                  ]
Feliz enhancement good first issue
Fuente
picture heimeshoff

Todos 6 comentarios

Hola @heimeshoff ,

Los atributos iframe no se incluyeron por estos motivos:

  • allowFullScreen: atributo heredado, use allow="fullscreen" , parece que falta allow , enviaré un PR para eso.
  • frameBorder - API en desuso
  • desplazamiento - API en desuso

En cuanto a los elementos svg, parece que faltan.

Shmew picture Shmew en 29 abr. 2020

Hola @heimeshoff , de hecho, parece que las propiedades svg aún no son todas compatibles con Feliz. Hasta que estén disponibles, puede recurrir al uso de la función prop.custom que crea las propiedades que desea:

Html.svg [
  prop.className "fill-current h-3 w-3"
  prop.custom("viewBox", "0 0 20 20")
  prop.custom("xmlns", "http://www.w3.org/2000/svg")
  prop.children [
    Html.path [ 
        prop.custom("d", "M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z") 
    ]
  ]
]
Zaid-Ajaj picture Zaid-Ajaj en 30 abr. 2020
👍1

Impresionante, usaré la solución alternativa y volveré a consultar de vez en cuando :)

heimeshoff picture heimeshoff en 1 may. 2020

@heimeshoff Siéntase libre de enviar también relaciones públicas agregando las funciones que faltan: guiño: estas son más que bienvenidas

Zaid-Ajaj picture Zaid-Ajaj en 1 may. 2020
👍1

¿Podemos dejar este tema abierto? No quiero perder de vista el hecho de que necesitamos agregar estos atributos.

Shmew picture Shmew en 1 may. 2020
👍1

Creé un problema separado para rastrear este y cualquier otro elemento/atributo SVG faltante.

Shmew picture Shmew en 6 may. 2020
👍1
¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

Dzoukr picture Dzoukr  ·  10Comentarios
alfonsogarciacaro picture alfonsogarciacaro  ·  11Comentarios
alfonsogarciacaro picture alfonsogarciacaro  ·  5Comentarios
alfonsogarciacaro picture alfonsogarciacaro  ·  6Comentarios
Zaid-Ajaj picture Zaid-Ajaj  ·  8Comentarios