Feliz: IFrameおよびSVG属性を設定できません

作成日 2020年04月29日 · 6コメント · ソース: Zaid-Ajaj/Feliz

YouTubeビデオとSVGをWebサイトに実装しようとしていますが、一部のプロパティを設定できません。

            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 2020年04月29日

こんにちは@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") 
    ]
  ]
]

Zaid-Ajaj 2020年04月30日

👍1

素晴らしい、私は回避策を使用し、時々チェックインします:)

heimeshoff 2020年05月01日

@heimeshoff不足している機能を追加するPRも自由に送信してください：wink：これらは大歓迎です

Zaid-Ajaj 2020年05月01日

👍1

この問題を開いたままにしていただけますか？これらの属性を追加する必要があるという事実を見失いたくありません。

Shmew 2020年05月01日

👍1

これと他の欠落しているSVG要素/属性を追跡するために別の問題を作成しました。

Shmew 2020年05月06日

👍1

このページは役に立ちましたか？

0 / 5 - 0 評価

Feliz: IFrameおよびSVG属性を設定できません

全てのコメント6件

関連する問題