Elm : Svg 버그에 포함 된 Html

Question

Elm에서 Svg에 Html 텍스트 영역을 포함하려고하지만 텍스트 영역이 올바르게로드되지 않습니다. 누군가 나를 도울 수 있습니까? 사전에

svgTextarea : Model -> Html Msg 
svgTextarea model = 
    let 
     textspace = 
      textarea [ onInput ChangeSvgText ] [] 

     (w, h) = 
      (200, 200) 
    in 
    svg 
     [ width w 
     , height h 
     , viewBox <| "0 0 " ++ toString w ++ " " ++ toString h 
     ] 
     [ textspace ] 

감사합니다!

예 REPO : https://github.com/gitLabor8/Elm-Html-embedded-in-Svg-bug

Answer 1

자체에 textarea이 유효 SVG하지 않습니다. foreignObject 태그로 묶어야합니다. foreignObject 태그 not supported by all browsers을 것을

는

svgTextarea model = 
    let 
     textspace = 
      Svg.foreignObject [] 
       [ textarea [ onInput ChangeSvgText ] [] ] 
    ... 

참고.