Feliz: Impossible de définir les attributs IFrame et SVG

Créé le 29 avr. 2020 · 6Commentaires · Source: Zaid-Ajaj/Feliz

Vous essayez d'implémenter des vidéos Youtube et des SVG sur un site Web, mais vous ne pouvez pas définir certaines propriétés :

            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

Source

heimeshoff

Tous les 6 commentaires

Salut @heimeshoff ,

Les attributs iframe n'ont pas été inclus pour les raisons suivantes :

allowFullScreen - attribut hérité, utilisez allow="fullscreen" , il semble que allow soit manquant, je vais soumettre un PR pour celui-là.
frameBorder - API obsolète
défilement - API obsolète

En ce qui concerne les éléments svg, il semble qu'ils manquent.

Shmew le 29 avr. 2020

Salut @heimeshoff , en effet, il semble que les propriétés svg ne soient pas encore toutes prises en charge avec Feliz. Jusqu'à ce qu'ils soient disponibles, vous pouvez utiliser la fonction prop.custom qui crée les propriétés souhaitées :

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") 
    ]
  ]
]