different behavior with ghcjs vs ghc(jsaddle-warp)

Main.hs

{-# LANGUAGE OverloadedStrings #-}
module Main where

import Control.Monad
import Reflex.Dom

main :: IO ()
main = run $ mainWidget' $ do
  (outer, inner) <- el' "div" $ do
    elStopPropagationNS Nothing "div" Click $ do
      button "INNER"
  dynText <=< holdDyn "" $ leftmost ["OUTER" <$ domEvent Click outer, "INNER" <$ inner]

expected: clicking on the button should display "INNER"

actual : in ghcjs it displays "INNER", but in ghc it displays "OUTER"

versions used:
ghcjs-dom-jsaddle-0.8.0.0
jsaddle-0.8.3.2
jsaddle-dom-0.8.0.0
jsaddle-warp-0.8.3.1