@@ -271,7 +271,6 @@ chatDemo = component "ChatDemo" \dp -> React.do
271271 , flexDirection: "row"
272272 , alignItems: "center"
273273 , opacity: if showSmiley idx then 1.0 else 0.0
274− , zIndex: 30
275274 }
276275 }
277276 [ nativeButton
@@ -343,7 +342,9 @@ chatDemo = component "ChatDemo" \dp -> React.do
343342 nativeHoverView
344343 { onHoverChange: \hovered ->
345344 if hovered then setHoveredIdx (Just idx)
346− else setHoveredIdx Nothing
345+ else do
346+ setHoveredIdx Nothing
347+ setReactPopover Nothing
347348 , style: tw "px-3 mb-1 rounded-lg" <> Style.style { backgroundColor: if isHighlighted then highlightBg else "transparent" }
348349 }
349350 [ view { style: Style.style { alignSelf: align } }
@@ -417,21 +418,6 @@ chatDemo = component "ChatDemo" \dp -> React.do
417418 }
418419 ]
419420
420− dismissOverlay = case visiblePickerIdx of
421− Nothing -> mempty
422− Just _ ->
423− view
424− { onDoubleClick: handler_ (pure unit)
425− , style: Style.style { position: "absolute", top: 0.0, left: 0.0, right: 0.0, bottom: 0.0, zIndex: 10 }
426− }
427− [ nativeButton
428− { title: ""
429− , bezelStyle: T.toolbar
430− , onPress: setReactPopover Nothing
431− , style: Style.style { position: "absolute", top: 0.0, left: 0.0, right: 0.0, bottom: 0.0, opacity: 0.0 }
432− }
433− ]
434−
435421 activeRoomName = case activeRoom of
436422 Nothing -> "Select a room"
437423 Just rid -> fromMaybe rid (map _.name (filter (\r -> r.roomId == rid) mockRooms !! 0))
@@ -441,8 +427,7 @@ chatDemo = component "ChatDemo" \dp -> React.do
441427 { sidebar: roomSidebar
442428 , sidebarWidth: 220.0
443429 , content: view { style: tw "flex-1" <> Style.style { backgroundColor: "transparent" } }
444− [ dismissOverlay
445− , view
430+ [ view
446431 { style: tw "px-4 py-2 border-b"
447432 <> Style.style { borderBottomWidth: 0.5, borderColor: dp.dimFg, backgroundColor: "transparent" }
448433 }