Ah, great, that makes a lot more sense. I'll be expanding on this ; thanks a lot ^^d
Le mardi 4 octobre 2016 21:17:03 UTC+2, Duane Johnson a écrit : > > Hi Michel, I think you need to listen to the Window.resizes subscription > in order to get window resize events (i.e. they do not propagate to the SVG > element). > > Here is a sample solution I've created for you using your code as a > starting point: > > https://github.com/canadaduane/elm-resize > > On Tuesday, October 4, 2016 at 12:29:22 PM UTC-6, Michel Belleville wrote: >> >> Hello everyone, >> >> I posted this question by accident as an issue on github, and was told by >> the bot that it'd belong here, so here goes. >> >> I've played a bit with onResize, and didn't get it to work ; here's what >> I did: >> >> import Html exposing (Html) >> import Html.App as App >> import Svg exposing (svg, text, text') >> import Svg.Attributes exposing (viewBox, width, height, x, y) >> import Svg.Events exposing (onResize) >> main = >> App.program >> { init = init >> , view = view >> , update = update >> , subscriptions = subscriptions >> } >> >> -- MODEL >> type alias Model = (Int, Int) >> defaultDimensions = (100, 100) >> init : (Model, Cmd Msg) >> init = (defaultDimensions, Cmd.none) >> >> -- UPDATE >> type Msg = Resize >> update : Msg -> Model -> (Model, Cmd Msg) >> update msg _ = >> case msg of >> Resize -> ((200, 200), Cmd.none) >> >> -- SUBSCRIPTIONS >> subscriptions : Model -> Sub Msg >> subscriptions model = Sub.none >> >> -- VIEW >> view : Model -> Html Msg >> view (w, h) = >> svg [ viewBox <| "0 0 " ++ (toString w) ++ " " ++ (toString h), width >> "100%", height "100%", onResize Resize ] >> [text' [x "0", y "100"] [text ((toString w) ++ " " ++ (toString h))]] >> >> >> What I expected was that the model would be updated every time the svg >> changed size (since it has a width and height of 100%, it should cover the >> page and each time the page is resized the event should get triggered was >> my intuition). >> >> Apparently I'm wrong, what happens is the model stays the same and the >> view doesn't get update. >> >> Of course, I've googled that extensively, and only found the official >> documentation, that only lists onResize and it's signature, and a >> stackoverflow that doesn't seem to speak to this issue. >> >> What am I missing on how onResize should work? >> >> Thanks in advance, hoping someone has more clues that me on this topic >> (which shouldn't be too difficult, I'm very new to elm). >> > -- You received this message because you are subscribed to the Google Groups "Elm Discuss" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
