fix: replace all onmousedown/up with onpointerdown/up

onMouseDown can't be used in dropdown trigger

src/main/frontend/commands.cljs

@@ -37,7 +37,7 @@
 (defonce *current-command (atom nil))
 
 (def query-doc
-  [:div {:on-mouse-down (fn [e] (.stopPropagation e))}
+  [:div {:on-pointer-down (fn [e] (.stopPropagation e))}
    [:div.font-medium.text-lg.mb-2 "Query examples:"]
    [:ul.mb-1
     [:li.mb-1 [:code "{{query #tag}}"]]

src/main/frontend/components/block.cljs

@@ -285,14 +285,14 @@
                                       (not= value @size))
                              (reset! *resizing-image? true))
                            (reset! size value))
-          :onMouseUp (fn []
-                       (when (and @size @*resizing-image?)
-                         (when-let [block-id (:block/uuid config)]
-                           (let [size (bean/->clj @size)]
-                             (editor-handler/resize-image! block-id metadata full-text size))))
-                       (when @*resizing-image?
+          :onPointerUp (fn []
+                         (when (and @size @*resizing-image?)
+                           (when-let [block-id (:block/uuid config)]
+                             (let [size (bean/->clj @size)]
+                               (editor-handler/resize-image! block-id metadata full-text size))))
+                         (when @*resizing-image?
                             ;; TODO: need a better way to prevent the clicking to edit current block
-                         (js/setTimeout #(reset! *resizing-image? false) 200)))
+                           (js/setTimeout #(reset! *resizing-image? false) 200)))
           :onClick (fn [e]
                      (when @*resizing-image? (util/stop e)))}
           (and (:width metadata) (not (util/mobile?)))
@@ -316,7 +316,7 @@
                [:button.asset-action-btn.text-left
                 {:title         (t (if local? :asset/show-in-folder :asset/open-in-browser))
                  :tabIndex      "-1"
-                 :on-mouse-down util/stop
+                 :on-pointer-down util/stop
                  :on-click      (fn [e]
                                   (util/stop e)
                                   (if local?
@@ -328,7 +328,7 @@
                 [:button.asset-action-btn
                  {:title         (t :asset/delete)
                   :tabIndex      "-1"
-                  :on-mouse-down util/stop
+                  :on-pointer-down util/stop
                   :on-click
                   (fn [e]
                     (when-let [block-id (:block/uuid config)]
@@ -353,7 +353,7 @@
               [:button.asset-action-btn
                {:title         (t :asset/copy)
                 :tabIndex      "-1"
-                :on-mouse-down util/stop
+                :on-pointer-down util/stop
                 :on-click      (fn [e]
                                  (util/stop e)
                                  (-> (util/copy-image-to-clipboard image-src)
@@ -363,7 +363,7 @@
               [:button.asset-action-btn
                {:title         (t :asset/maximize)
                 :tabIndex      "-1"
-                :on-mouse-down util/stop
+                :on-pointer-down util/stop
                 :on-click      open-lightbox}
 
                (ui/icon "maximize")]]])])]))))
@@ -578,13 +578,13 @@
       :on-drag-start (fn [e] (editor-handler/block->data-transfer! page-name-in-block e))
       :on-mouse-over #(reset! *hover? true)
       :on-mouse-leave #(reset! *hover? false)
-      :on-mouse-down (fn [e]
+      :on-pointer-down (fn [e]
                        (if breadcrumb?
                          (.preventDefault e)
                          (do
                            (util/stop e)
                            (reset! *mouse-down? true))))
-      :on-mouse-up (fn [e]
+      :on-pointer-up (fn [e]
                      (when @*mouse-down?
                        (open-page-ref e config page-name page-name-in-block contents-page? whiteboard-page?)
                        (reset! *mouse-down? false)))
@@ -640,7 +640,7 @@
           {:class "absolute left-0"
            :style {:top "0.15rem"}
            :title "Remove this tag"
-           :on-mouse-down
+           :on-pointer-down
            (fn [e]
              (util/stop e)
              (db-property-handler/delete-property-value! repo
@@ -829,7 +829,7 @@
       [:div.color-level.embed-block.bg-base-2
        {:style {:z-index 2}
         :on-double-click #(edit-parent-block % config)
-        :on-mouse-down (fn [e] (.stopPropagation e))}
+        :on-pointer-down (fn [e] (.stopPropagation e))}
        [:div.px-3.pt-1.pb-2
         (let [config' (assoc config
                              :db/id (:db/id block)
@@ -853,7 +853,7 @@
     [:div.color-level.embed.embed-page.bg-base-2
      {:class (when (:sidebar? config) "in-sidebar")
       :on-double-click #(edit-parent-block % config)
-      :on-mouse-down #(.stopPropagation %)}
+      :on-pointer-down #(.stopPropagation %)}
      [:section.flex.items-center.p-1.embed-header
       [:div.mr-3 svg/page]
       (page-cp config {:block/name page-name})]
@@ -930,7 +930,7 @@
             [:div.block-ref-wrap.inline
              {:data-type    (name (or block-type :default))
               :data-hl-type hl-type
-              :on-mouse-down
+              :on-pointer-down
               (fn [^js/MouseEvent e]
                 (if (util/right-click? e)
                   (state/set-state! :block-ref/context {:block (:block config)
@@ -1890,7 +1890,7 @@
       (ui/checkbox {:class class
                     :style {:margin-right 5}
                     :value checked?
-                    :on-mouse-down (fn [e]
+                    :on-pointer-down (fn [e]
                                      (util/stop-propagation e))
                     :on-change (fn [_e]
                                  (if checked?
@@ -1923,7 +1923,7 @@
       [:a
        {:class (str "marker-switch block-marker " marker)
         :title (util/format "Change from %s to %s" marker next-marker)
-        :on-mouse-down (set-marker-fn next-marker)}
+        :on-pointer-down (set-marker-fn next-marker)}
        marker])))
 
 (defn marker-cp
@@ -2014,7 +2014,7 @@
            hl-ref #(when (and (or config/publishing? (util/electron?))
                               (not (#{:default :whiteboard-shape} block-type)))
                      [:div.prefix-link
-                      {:on-mouse-down
+                      {:on-pointer-down
                        (fn [^js e]
                          (let [^js target (.-target e)]
                            (case block-type
@@ -2161,7 +2161,7 @@
       [:div.opacity-50.font-medium.timestamp-label
        (str typ ": ")]
       [:a.opacity-80.hover:opacity-100
-       {:on-mouse-down (fn [e]
+       {:on-pointer-down (fn [e]
                          (util/stop e)
                          (state/clear-editor-action!)
                          (editor-handler/escape-editing false)
@@ -2199,7 +2199,7 @@
    (dom/closest target "a")
    (dom/closest target ".query-table")))
 
-(defn- block-content-on-mouse-down
+(defn- block-content-on-pointer-down
   [e block block-id content edit-input-id ref]
   (when-not (> (count content) (state/block-content-max-length (state/get-current-repo)))
     (let [target (gobj/get e "target")
@@ -2379,7 +2379,7 @@
         content (if (string? content) (string/trim content) "")
         mouse-down-key (if (util/ios?)
                          :on-click
-                         :on-mouse-down) ; TODO: it seems that Safari doesn't work well with on-mouse-down
+                         :on-pointer-down) ; TODO: it seems that Safari doesn't work well with on-pointer-down
 
         attrs (cond->
                {:blockid       (str uuid)
@@ -2393,11 +2393,11 @@
 
                 (not block-ref?)
                 (assoc mouse-down-key (fn [e]
-                                        (block-content-on-mouse-down e block block-id content edit-input-id @*ref))))]
+                                        (block-content-on-pointer-down e block block-id content edit-input-id @*ref))))]
     [:div.block-content.inline
      (cond-> {:id (str "block-content-" uuid)
               :class (when selected? "select-none")
-              :on-mouse-up (fn [e]
+              :on-pointer-up (fn [e]
                              (when (and
                                     (state/in-selection-mode?)
                                     (not (string/includes? content "```"))
@@ -2574,7 +2574,7 @@
               (when (and (:embed? config)
                          (:embed-parent config))
                 [:a.opacity-70.hover:opacity-100.svg-small.inline
-                 {:on-mouse-down (fn [e]
+                 {:on-pointer-down (fn [e]
                                    (util/stop e)
                                    (when-let [block (:embed-parent config)]
                                      (editor-handler/edit-block! block :max (:block/uuid block))))}
@@ -2582,7 +2582,7 @@
 
               (when block-reference-only?
                 [:a.opacity-70.hover:opacity-100.svg-small.inline
-                 {:on-mouse-down (fn [e]
+                 {:on-pointer-down (fn [e]
                                    (util/stop e)
                                    (editor-handler/edit-block! block :max (:block/uuid block)))}
                  svg/edit])
@@ -2616,7 +2616,7 @@
 
 (rum/defc breadcrumb-fragment
   [config block label opts]
-  [:a {:on-mouse-up
+  [:a {:on-pointer-up
        (fn [e]
          (cond
            (gobj/get e "shiftKey")

src/main/frontend/components/class.cljs

@@ -33,7 +33,7 @@
     (ui/select options
                (fn [_e value]
                  (on-select value))
-               {:on-mouse-down
+               {:on-pointer-down
                 (fn [e]
                   (when (util/meta-key? e)
                     (if-let [page-name (:block/name (db/entity [:block/uuid (some-> (util/evalue e) uuid)]))]

src/main/frontend/components/container.cljs

@@ -726,7 +726,7 @@
         (set! (.. el -style -transform)
               (str "translate3d(" (if (neg? x) x 0) "px," (if (neg? y) (- y 10) 0) "px" ",0)"))))
     [:<>
-     [:div.menu-backdrop {:on-mouse-down (fn [e] (hide-context-menu-and-clear-selection e))}]
+     [:div.menu-backdrop {:on-pointer-down (fn [e] (hide-context-menu-and-clear-selection e))}]
      [:div#custom-context-menu
       {:ref ref
        :style {:z-index 999

src/main/frontend/components/datetime.cljs

@@ -151,7 +151,7 @@
                                               (string/lower-case current-command)))
         date (state/sub :date-picker/date)]
     [:div#date-time-picker.flex.flex-col.sm:flex-row {:on-click (fn [e] (util/stop e))
-                                                      :on-mouse-down (fn [e] (.stopPropagation e))}
+                                                      :on-pointer-down (fn [e] (.stopPropagation e))}
      (ui/datepicker
       date
       {:deadline-or-schedule? deadline-or-schedule?

src/main/frontend/components/editor.cljs

@@ -521,7 +521,7 @@
      {:ref             *el
       :data-modal-name modal-name
       :class           (if y-overflow-vh? "is-overflow-vh-y" "")
-      :on-mouse-down   (fn [e]
+      :on-pointer-down   (fn [e]
                          (.stopPropagation e))
       :style           style}
      cp]))

src/main/frontend/components/page.cljs

@@ -335,7 +335,7 @@
             :on-mouse-out #(reset! *hover? false)}
            (when icon
              [:div.page-icon
-              {:on-mouse-down util/stop-propagation}
+              {:on-pointer-down util/stop-propagation}
               (if (and (map? icon) db-based?)
                 (icon-component/icon-picker icon
                                             {:on-chosen (fn [_e icon]
@@ -348,7 +348,7 @@
                 icon)])
            [:h1.page-title.flex-1.cursor-pointer.gap-1
             {:class (when-not whiteboard-page? "title")
-             :on-mouse-down (fn [e]
+             :on-pointer-down (fn [e]
                               (when (util/right-click? e)
                                 (state/set-state! :page-title/context {:page page-name})))
              :on-click (fn [e]

src/main/frontend/components/plugins.cljs

@@ -997,7 +997,7 @@
      [:div.lsp-hook-ui-slot
       (merge opts {:id            id
                    :ref           *el-ref
-                   :on-mouse-down (fn [e] (util/stop-propagation e))})])))
+                   :on-pointer-down (fn [e] (util/stop-propagation e))})])))
 
 (rum/defc hook-block-slot < rum/static
   [type block]
@@ -1185,12 +1185,12 @@
       [])
 
     [:div.ui-fenced-code-result
-     {:on-mouse-down (fn [e] (when (false? edit) (util/stop e)))
+     {:on-pointer-down (fn [e] (when (false? edit) (util/stop e)))
       :class         (util/classnames [{:not-edit (false? edit)}])
       :ref           *el}
      [:<>
       [:span.actions
-       {:on-mouse-down #(util/stop %)}
+       {:on-pointer-down #(util/stop %)}
        (ui/button (ui/icon "square-toggle-horizontal" {:size 14})
                   :on-click #(set-editor-active! (not editor-active?)))
        (ui/button (ui/icon "source-code" {:size 14})

src/main/frontend/components/property.cljs

@@ -473,7 +473,7 @@
            [:span.bullet-container.cursor [:span.bullet]]
            [:div {:style {:padding-left 6}} @*property-key]]
           (when property
-            [:div.col-span-3.flex.flex-row {:on-mouse-down (fn [e] (util/stop-propagation e))}
+            [:div.col-span-3.flex.flex-row {:on-pointer-down (fn [e] (util/stop-propagation e))}
              (when-not class-schema?
                (if @*show-new-property-config?
                  (schema-type property {:default-open? true
@@ -609,7 +609,7 @@
        [:a.property-k.flex.select-none.jtrigger
         {:tabIndex      0
          :title         (str "Configure property: " (:block/original-name property))
-         :on-mouse-down (fn [^js e]
+         :on-pointer-down (fn [^js e]
                           (when (util/meta-key? e)
                             (route-handler/redirect-to-page! (:block/name property))
                             (.preventDefault e)))

src/main/frontend/components/property/value.cljs

@@ -593,7 +593,7 @@
      {:open open?}
      (shui/dropdown-menu-trigger
       {:class "jtrigger flex flex-1"
-       :on-click #(set-open! (not open?))
+       :on-pointer-down #(set-open! (not open?))
        :on-key-down (fn [e]
                       (when (= " " (util/ekey e))
                         (set-open! true)))}

src/main/frontend/components/query.cljs

@@ -23,7 +23,7 @@
       (boolean (some #(= % title) (map :title queries))))))
 
 (rum/defc query-refresh-button
-  [query-time {:keys [on-mouse-down full-text-search?]}]
+  [query-time {:keys [on-pointer-down full-text-search?]}]
   (ui/tippy
    {:html  [:div
             [:p
@@ -38,7 +38,7 @@
                                    :boundariesElement "viewport"}}}
     :arrow true}
    [:a.fade-link.flex
-    {:on-mouse-down on-mouse-down}
+    {:on-pointer-down on-pointer-down}
     (ui/icon "refresh" {:style {:font-size 20}})]))
 
 (rum/defcs custom-query-inner < rum/reactive
@@ -231,7 +231,7 @@
                 (when (or full-text-search?
                           (and query-time (> query-time 50)))
                   (query-refresh-button query-time {:full-text-search? full-text-search?
-                                                    :on-mouse-down (fn [e]
+                                                    :on-pointer-down (fn [e]
                                                                      (util/stop e)
                                                                      (query-result/trigger-custom-query! config q *query-error))}))]])])
 

src/main/frontend/components/query/builder.cljs

@@ -22,7 +22,7 @@
 
 (rum/defc page-block-selector
   [*find]
-  [:div.filter-item {:on-mouse-down (fn [e] (util/stop-propagation e))}
+  [:div.filter-item {:on-pointer-down (fn [e] (util/stop-propagation e))}
    (ui/select [{:label "Blocks"
                 :value "block"
                 :selected (not= @*find :page)}
@@ -106,7 +106,7 @@
   (rum/local nil ::start)
   (rum/local nil ::end)
   [state {:keys [tree loc] :as opts}]
-  [:div.between-date {:on-mouse-down (fn [e] (util/stop-propagation e))}
+  [:div.between-date {:on-pointer-down (fn [e] (util/stop-propagation e))}
    [:div.flex.flex-row
     [:div.font-medium.mt-2 "Between: "]
     (datepicker :start "Start date" (merge opts {:auto-focus true}))

src/main/frontend/components/query_table.cljs

@@ -239,7 +239,7 @@
                      (db-utils/pull-many '[:block/uuid :block/original-name])
                      (map (juxt :block/uuid :block/original-name))
                      (into {}))))]
-    [:div.overflow-x-auto {:on-mouse-down (fn [e] (.stopPropagation e))
+    [:div.overflow-x-auto {:on-pointer-down (fn [e] (.stopPropagation e))
                            :style {:width "100%"}
                            :class (when-not page? "query-table")}
      [:table.table-auto
@@ -264,11 +264,11 @@
                                                              :map-inline map-inline
                                                              :config config
                                                              :comma-separated-property? (property-separated-by-commas? column)})]
-                [:td.whitespace-nowrap {:on-mouse-down (fn []
+                [:td.whitespace-nowrap {:on-pointer-down (fn []
                                                          (reset! *mouse-down? true)
                                                          (reset! select? false))
                                         :on-mouse-move (fn [] (reset! select? true))
-                                        :on-mouse-up (fn []
+                                        :on-pointer-up (fn []
                                                        (when (and @*mouse-down? (not @select?))
                                                          (state/sidebar-add-block!
                                                           (state/get-current-repo)

src/main/frontend/components/reference.cljs

@@ -149,7 +149,7 @@
                          (when @*collapsed? ; collapsed
                            ;; expand
                            (reset! @*collapsed? false)))
-        :on-mouse-down (fn [e]
+        :on-pointer-down (fn [e]
                          (util/stop-propagation e))
         :on-click (fn []
                     (state/set-modal! (filter-dialog filters-atom *ref-pages page-name)

src/main/frontend/components/right_sidebar.cljs

@@ -270,7 +270,7 @@
                                 (when drag-to (state/sidebar-move-block! idx drag-to))
                                 (reset! *drag-to nil)
                                 (reset! *drag-from nil))
-               :on-mouse-up   (fn [event]
+               :on-pointer-up   (fn [event]
                                 (when (= (.-which (.-nativeEvent event)) 2)
                                   (state/sidebar-remove-block! idx)))}
 

src/main/frontend/components/select.cljs

@@ -139,7 +139,7 @@
                            (when multiple-choices?
                              [:div.p-4 (ui/button "Apply"
                                                   {:small? true
-                                                   :on-mouse-down (fn [e]
+                                                   :on-pointer-down (fn [e]
                                                                     (util/stop e)
                                                                     (when @*toggle (@*toggle))
                                                                     (when (fn? on-apply)

src/main/frontend/extensions/calc.cljc

@@ -224,7 +224,7 @@
        ;; the editor's parent will go into edit mode if any elements are clicked
        ;; if we stop click propagation on this element, we allow the user to
        ;; copy and paste the calc results
-       [:div.extensions__code-calc.pr-2 {:on-mouse-down (fn [e]
+       [:div.extensions__code-calc.pr-2 {:on-pointer-down (fn [e]
                                                           (.stopPropagation e))}
         ;; TODO: add react keys
         (for [[i line] (map-indexed vector output-lines)]

src/main/frontend/extensions/excalidraw.cljs

@@ -83,7 +83,7 @@
         *elements (get state ::elements)
         {:keys [file block-uuid]} option]
     (when data
-      [:div.overflow-hidden {:on-mouse-down (fn [e] (util/stop e))}
+      [:div.overflow-hidden {:on-pointer-down (fn [e] (util/stop e))}
        [:div.my-1 {:style {:font-size 10}}
         [:a.mr-2 {:on-click ui-handler/toggle-wide-mode!}
          (util/format "Wide Mode (%s)" (if wide-mode? "ON" "OFF"))]
@@ -98,7 +98,7 @@
          "Edit Block"]]
        [:div.draw-wrap
         {:ref ref
-         :on-mouse-down (fn [e]
+         :on-pointer-down (fn [e]
                           (util/stop e)
                           (state/set-block-component-editing-mode! true))
          :on-blur #(state/set-block-component-editing-mode! false)

src/main/frontend/extensions/pdf/assets.cljs

@@ -295,7 +295,7 @@
           [:button.asset-action-btn.px-1
            {:title         (t :asset/copy)
             :tabIndex      "-1"
-            :on-mouse-down util/stop
+            :on-pointer-down util/stop
             :on-click      (fn [e]
                              (util/stop e)
                              (-> (util/copy-image-to-clipboard (common-config/remove-asset-protocol asset-path))
@@ -305,7 +305,7 @@
         [:button.asset-action-btn.px-1
          {:title         (t :asset/maximize)
           :tabIndex      "-1"
-          :on-mouse-down util/stop
+          :on-pointer-down util/stop
           :on-click      open-lightbox}
 
          (ui/icon "maximize")]]

src/main/frontend/extensions/srs.cljs

@@ -422,7 +422,7 @@
    :id id
    :class (str id " " class)
    :background background
-   :on-mouse-down (fn [e] (util/stop-propagation e))
+   :on-pointer-down (fn [e] (util/stop-propagation e))
    :on-click (fn [_e]
                (js/setTimeout #(on-click) 10))))
 
@@ -627,7 +627,7 @@
            (ui/dropdown
             (fn [{:keys [toggle-fn]}]
               [:div.ml-1.text-sm.font-medium.cursor
-               {:on-mouse-down (fn [e]
+               {:on-pointer-down (fn [e]
                                  (util/stop e)
                                  (toggle-fn))}
                [:span.flex (if (string/blank? query-string) (t :flashcards/modal-select-all) query-string)

src/main/frontend/mobile/footer.cljs

@@ -12,7 +12,7 @@
 
 (rum/defc mobile-bar-command [command-handler icon]
   [:button.bottom-action
-   {:on-mouse-down (fn [e]
+   {:on-pointer-down (fn [e]
                      (util/stop e)
                      (command-handler))}
    (if (= icon "player-stop")

src/main/frontend/mobile/graph_picker.cljs

@@ -27,7 +27,7 @@
      (ui/toggle on? (fn []) true)]
     :class (str "toggle-item " (when on? "is-on"))
     :intent "logseq"
-    :on-mouse-down #(util/stop %)
+    :on-pointer-down #(util/stop %)
     :on-click #(when (fn? on-toggle)
                  (on-toggle (not on?)))))
 

src/main/frontend/mobile/mobile_bar.cljs

@@ -25,7 +25,7 @@
 (rum/defc indent-outdent [indent? icon]
   [:div
    [:button.bottom-action
-    {:on-mouse-down (fn [e]
+    {:on-pointer-down (fn [e]
                       (util/stop e)
                       (blur-if-compositing)
                       (editor-handler/indent-outdent indent?))}
@@ -35,7 +35,7 @@
   [command-handler {:keys [icon class]} & [event?]]
   [:div
    [:button.bottom-action
-    {:on-mouse-down (fn [e]
+    {:on-pointer-down (fn [e]
                       (util/stop e)
                       (if event?
                         (command-handler e)
@@ -50,13 +50,13 @@
                      (dom/remove-class! target "show-submenu")))
         command-cp (fn [action description]
                      [:button
-                      {:on-mouse-down (fn [e]
+                      {:on-pointer-down (fn [e]
                                         (action)
                                         (callback e))}
                       description])]
     [:div
      [:button.bottom-action
-      {:on-mouse-down (fn [event]
+      {:on-pointer-down (fn [event]
                         (util/stop event)
                         (let [target (gdom/getElement "mobile-toolbar-timestamp-submenu")]
                           (dom/add-class! target "show-submenu")))}

src/main/frontend/ui.cljs

@@ -559,7 +559,7 @@
                      {:id            (str "ac-" idx)
                       :tab-index     "0"
                       :class         (when chosen? "chosen")
-                      :on-mouse-down (fn [e]
+                      :on-pointer-down (fn [e]
                                        (util/stop e)
                                        (if (and (gobj/get e "shiftKey") on-shift-chosen)
                                          (on-shift-chosen item)
@@ -784,14 +784,14 @@
 
 (rum/defcs foldable-title <
   (rum/local false ::control?)
-  [state {:keys [on-mouse-down header title-trigger? collapsed?]}]
+  [state {:keys [on-pointer-down header title-trigger? collapsed?]}]
   (let [control? (get state ::control?)]
     [:div.content
      [:div.flex-1.flex-row.foldable-title (cond->
                                             {:on-mouse-over #(reset! control? true)
                                              :on-mouse-out  #(reset! control? false)}
                                             title-trigger?
-                                            (assoc :on-mouse-down on-mouse-down
+                                            (assoc :on-pointer-down on-pointer-down
                                                    :class "cursor"))
       [:div.flex.flex-row.items-center
        (when-not (mobile-util/native-platform?)
@@ -801,7 +801,7 @@
                         :height      16
                         :margin-left -30}}
             (not title-trigger?)
-            (assoc :on-mouse-down on-mouse-down))
+            (assoc :on-pointer-down on-pointer-down))
           [:span {:class (if (or @control? @collapsed?) "control-show cursor-pointer" "control-hide")}
            (rotating-arrow @collapsed?)]])
        (if (fn? header)
@@ -819,22 +819,22 @@
                 (when-let [f (:init-collapsed (last (:rum/args state)))]
                   (f (::collapsed? state)))
                 state)}
-  [state header content {:keys [title-trigger? on-mouse-down class
+  [state header content {:keys [title-trigger? on-pointer-down class
                                 _default-collapsed? _init-collapsed]}]
   (let [collapsed? (get state ::collapsed?)
-        on-mouse-down (fn [e]
+        on-pointer-down (fn [e]
                         (util/stop e)
                         (swap! collapsed? not)
-                        (when on-mouse-down
-                          (on-mouse-down @collapsed?)))]
+                        (when on-pointer-down
+                          (on-pointer-down @collapsed?)))]
     [:div.flex.flex-col
      {:class class}
-     (foldable-title {:on-mouse-down on-mouse-down
+     (foldable-title {:on-pointer-down on-pointer-down
                       :header header
                       :title-trigger? title-trigger?
                       :collapsed? collapsed?})
      [:div {:class (if @collapsed? "hidden" "initial")
-            :on-mouse-down (fn [e] (.stopPropagation e))}
+            :on-pointer-down (fn [e] (.stopPropagation e))}
       (if (fn? content)
         (if (not @collapsed?) (content) nil)
         content)]]))
@@ -1018,7 +1018,7 @@
       :style     {:width "100%"}
       :on-change #(let [value (util/evalue %)]
                     (reset! *value value))
-      :on-mouse-up #(let [value (util/evalue %)]
+      :on-pointer-up #(let [value (util/evalue %)]
                       (on-change value))}]))
 
 (rum/defcs tweet-embed < (rum/local true :loading?)