this repo has no description
Fix context menu bugs
- It got mounted initially, need to set state to undefinde
- Missing zIndex
- Context menu got disabled on large status
+23
-14
+23
-14
src/components/status.jsx
+23
-14
src/components/status.jsx
···
506
506
}`}
507
507
onMouseEnter={debugHover}
508
508
onContextMenu={(e) => {
509
+
if (size === 'l') return;
509
510
if (e.metaKey) return;
510
511
e.preventDefault();
511
512
setContextMenuAnchorPoint({
···
515
516
setIsContextMenuOpen(true);
516
517
}}
517
518
>
518
-
<ControlledMenu
519
-
state={isContextMenuOpen ? 'open' : 'closed'}
520
-
anchorPoint={contextMenuAnchorPoint}
521
-
direction="right"
522
-
onClose={() => setIsContextMenuOpen(false)}
523
-
portal={{
524
-
target: document.body,
525
-
}}
526
-
overflow="auto"
527
-
boundingBoxPadding="8 8 8 8"
528
-
unmountOnClose
529
-
>
530
-
{StatusMenuItems}
531
-
</ControlledMenu>
519
+
{size !== 'l' && (
520
+
<ControlledMenu
521
+
state={isContextMenuOpen ? 'open' : undefined}
522
+
anchorPoint={contextMenuAnchorPoint}
523
+
direction="right"
524
+
onClose={() => setIsContextMenuOpen(false)}
525
+
portal={{
526
+
target: document.body,
527
+
}}
528
+
containerProps={{
529
+
style: {
530
+
// Higher than the backdrop
531
+
zIndex: 1001,
532
+
},
533
+
}}
534
+
overflow="auto"
535
+
boundingBoxPadding="8 8 8 8"
536
+
unmountOnClose
537
+
>
538
+
{StatusMenuItems}
539
+
</ControlledMenu>
540
+
)}
532
541
{size !== 'l' && (
533
542
<div class="status-badge">
534
543
{reblogged && <Icon class="reblog" icon="rocket" size="s" />}