Feliz: لا يمكن تعيين سمات IFrame و SVG

تم إنشاؤها على ٢٩ أبريل ٢٠٢٠ · 6تعليقات · مصدر: Zaid-Ajaj/Feliz

محاولة تنفيذ مقاطع فيديو Youtube و 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 - واجهة برمجة تطبيقات مهملة
التمرير - واجهة برمجة تطبيقات موقوفة

أما بالنسبة لعناصر svg ، فيبدو أنها مفقودة.

Shmew في ٢٩ أبريل ٢٠٢٠

مرحبًا 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") 
    ]
  ]
]