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.

Reply via email to