Feliz: IFrame 및 SVG 속성을 설정할 수 없습니다.

에 만든 2020년 04월 29일 · 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 - 사용되지 않는 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도 보내주십시오.

Zaid-Ajaj 에 2020년 05월 01일

👍1

이 문제를 열어둘 수 있습니까? 이러한 속성을 추가해야 한다는 사실을 놓치고 싶지 않습니다.

Shmew 에 2020년 05월 01일

👍1

이 항목 및 기타 누락된 SVG 요소/속성을 추적하기 위해 별도의 문제 를 만들었습니다.

Shmew 에 2020년 05월 06일

👍1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Feliz: IFrame 및 SVG 속성을 설정할 수 없습니다.

모든 6 댓글

관련 문제