Feliz: Невозможно установить атрибуты IFrame и SVG

Созданный на 29 апр. 2020 · 6Комментарии · Источник: Zaid-Ajaj/Feliz

Пытаюсь реализовать Youtube Videos и SVG на веб-сайте, но не могу установить некоторые свойства:

            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

Источник

heimeshoff

Все 6 Комментарий

Привет @heimeshoff ,

Атрибуты iframe не были включены по следующим причинам:

allowFullScreen — устаревший атрибут, используйте allow="fullscreen" , похоже, что allow отсутствует, я отправлю PR для этого.
frameBorder — устаревший API
прокрутка — устаревший API

Что касается элементов svg, похоже, что они отсутствуют.

Shmew 29 апр. 2020

Привет @heimeshoff , похоже, что еще не все свойства svg поддерживаются Feliz. Пока они не станут доступными, вы можете вернуться к использованию функции prop.custom которая создает нужные вам свойства:

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