                                  (dom/checked?))]
                 (swap! local assoc :grid/align checked?)))
             (on-submit [event]
+              (dom/prevent-default event)
               (let [page (assoc page :options opts)]
                 (rs/emit! (udp/update-page-metadata page))
                 (lightbox/close!)))]

        opts (merge (:options page)
                    (deref local))]
    (letfn [(on-field-change [field event]
              (let [value (dom/event->value event)]
                (swap! local assoc field value)))
            (on-color-change [color]
              (swap! local assoc :grid/color color))

         [:input#grid-x.input-text
          {:placeholder "X px"
           :type "number"
           ;; TODO: put here the default from constants
           :value (:grid/x-axis opts "10")
           :on-change (partial on-field-change :grid/x-axis)
           :min 1 ;;TODO check this value
           :max 100}]
         [:input#grid-y.input-text
          {:placeholder "Y px"
           :type "number"
           :value (:grid/y-axis opts "10")
           :on-change (partial on-field-change :grid/y-axis)
           :min 1
           :max 100}]]
