Show context menu on desktop

packages/fleather/lib/src/rendering/editor.dart

@@ -60,6 +60,12 @@
       Offset lastBoundedOffset, TextPosition lastTextPosition,
       {double? resetLerpValue});
 
+  /// Tracks the position of a secondary tap event.
+  ///
+  /// Should be called before attempting to change the selection based on the
+  /// position of a secondary tap.
+  void handleSecondaryTapDown(TapDownDetails details);
+
   /// If [ignorePointer] is false (the default) then this method is called by
   /// the internal gesture recognizer's [TapGestureRecognizer.onTapDown]
   /// callback.
@@ -187,6 +193,9 @@
     markNeedsLayout();
   }
 
+  Offset? _lastSecondaryTapDownPosition;
+  Offset? get lastSecondaryTapDownPosition => _lastSecondaryTapDownPosition;
+
   /// The region of text that is selected, if any.
   ///
   /// The caret position is represented by a collapsed selection.
@@ -418,14 +427,20 @@
   // by dragging
   TextSelection? _extendSelectionOrigin;
 
+  @override
+  void handleSecondaryTapDown(TapDownDetails details) {
+    _lastTapDownPosition = details.globalPosition;
+    _lastSecondaryTapDownPosition = details.globalPosition;
+  }
+
   @override
   void handleTapDown(TapDownDetails details) {
     _lastTapDownPosition = details.globalPosition;
   }
 
   bool _isDragging = false;
 
-  void handleDragStart(DragStartDetails details) {
+  void handleDragStart(TapDragStartDetails details) {
     _isDragging = true;
 
     final newSelection = selectPositionAt(
@@ -438,7 +453,7 @@
     _extendSelectionOrigin = newSelection;
   }
 
-  void handleDragEnd(DragEndDetails details) {
+  void handleDragEnd(TapDragEndDetails details) {
     _isDragging = false;
   }
 

packages/fleather/lib/src/widgets/editor.dart

@@ -426,7 +426,7 @@
   void onForcePressStart(ForcePressDetails details) {
     super.onForcePressStart(details);
     if (delegate.selectionEnabled && shouldShowSelectionToolbar) {
-      editor!.showToolbar();
+      editor.showToolbar();
     }
   }
 
@@ -441,7 +441,7 @@
       switch (Theme.of(_state.context).platform) {
         case TargetPlatform.iOS:
         case TargetPlatform.macOS:
-          renderEditor!.selectPositionAt(
+          renderEditor.selectPositionAt(
             from: details.globalPosition,
             cause: SelectionChangedCause.longPress,
           );
@@ -450,7 +450,7 @@
         case TargetPlatform.fuchsia:
         case TargetPlatform.linux:
         case TargetPlatform.windows:
-          renderEditor!.selectWordsInRange(
+          renderEditor.selectWordsInRange(
             from: details.globalPosition - details.offsetFromOrigin,
             to: details.globalPosition,
             cause: SelectionChangedCause.longPress,
@@ -468,8 +468,8 @@
   }
 
   @override
-  void onSingleTapUp(TapUpDetails details) {
-    editor!.hideToolbar();
+  void onSingleTapUp(TapDragUpDetails details) {
+    editor.hideToolbar();
 
     if (delegate.selectionEnabled) {
       switch (Theme.of(_state.context).platform) {
@@ -482,26 +482,26 @@
               // Precise devices should place the cursor at a precise position.
               // If `Shift` key is pressed then extend current selection instead.
               if (isShiftClick(details.kind)) {
-                renderEditor!.extendSelection(details.globalPosition,
+                renderEditor.extendSelection(details.globalPosition,
                     cause: SelectionChangedCause.tap);
               } else {
-                renderEditor!.selectPosition(cause: SelectionChangedCause.tap);
+                renderEditor.selectPosition(cause: SelectionChangedCause.tap);
               }
               break;
             case PointerDeviceKind.touch:
             case PointerDeviceKind.trackpad:
             case PointerDeviceKind.unknown:
               // On macOS/iOS/iPadOS a touch tap places the cursor at the edge
               // of the word.
-              renderEditor!.selectWordEdge(cause: SelectionChangedCause.tap);
+              renderEditor.selectWordEdge(cause: SelectionChangedCause.tap);
               break;
           }
           break;
         case TargetPlatform.android:
         case TargetPlatform.fuchsia:
         case TargetPlatform.linux:
         case TargetPlatform.windows:
-          renderEditor!.selectPosition(cause: SelectionChangedCause.tap);
+          renderEditor.selectPosition(cause: SelectionChangedCause.tap);
           break;
       }
     }
@@ -516,7 +516,7 @@
       switch (Theme.of(_state.context).platform) {
         case TargetPlatform.iOS:
         case TargetPlatform.macOS:
-          renderEditor!.selectPositionAt(
+          renderEditor.selectPositionAt(
             from: details.globalPosition,
             cause: SelectionChangedCause.longPress,
           );
@@ -525,7 +525,7 @@
         case TargetPlatform.fuchsia:
         case TargetPlatform.linux:
         case TargetPlatform.windows:
-          renderEditor!.selectWord(cause: SelectionChangedCause.longPress);
+          renderEditor.selectWord(cause: SelectionChangedCause.longPress);
           Feedback.forLongPress(_state.context);
           break;
       }
@@ -770,6 +770,8 @@
 
   bool showToolbar();
 
+  void toggleToolbar([bool hideHandles = true]);
+
   void requestKeyboard();
 
   FocusNode get effectiveFocusNode;
@@ -883,6 +885,17 @@
     return true;
   }
 
+  @override
+  void toggleToolbar([bool hideHandles = true]) {
+    final selectionOverlay = _selectionOverlay ??= _createSelectionOverlay();
+
+    if (selectionOverlay.toolbarIsVisible) {
+      hideToolbar(hideHandles);
+    } else {
+      showToolbar();
+    }
+  }
+
   /// Copy current selection to [Clipboard].
   @override
   void copySelection(SelectionChangedCause cause) {
@@ -1139,21 +1152,7 @@
       _selectionOverlay = null;
     } else {
       if (_selectionOverlay == null) {
-        _selectionOverlay = EditorTextSelectionOverlay(
-          clipboardStatus: clipboardStatus,
-          context: context,
-          value: textEditingValue,
-          debugRequiredFor: widget,
-          toolbarLayerLink: _toolbarLayerLink,
-          startHandleLayerLink: _startHandleLayerLink,
-          endHandleLayerLink: _endHandleLayerLink,
-          renderObject: renderEditor,
-          selectionControls: widget.selectionControls,
-          selectionDelegate: this,
-          dragStartBehavior: DragStartBehavior.start,
-          contextMenuBuilder: (context) =>
-              widget.contextMenuBuilder(context, this),
-        );
+        _selectionOverlay = _createSelectionOverlay();
       } else {
         _selectionOverlay!.update(textEditingValue);
       }
@@ -1180,6 +1179,23 @@
     }
   }
 
+  EditorTextSelectionOverlay _createSelectionOverlay() {
+    return EditorTextSelectionOverlay(
+      clipboardStatus: clipboardStatus,
+      context: context,
+      value: textEditingValue,
+      debugRequiredFor: widget,
+      toolbarLayerLink: _toolbarLayerLink,
+      startHandleLayerLink: _startHandleLayerLink,
+      endHandleLayerLink: _endHandleLayerLink,
+      renderObject: renderEditor,
+      selectionControls: widget.selectionControls,
+      selectionDelegate: this,
+      dragStartBehavior: DragStartBehavior.start,
+      contextMenuBuilder: (context) => widget.contextMenuBuilder(context, this),
+    );
+  }
+
   void _handleFocusChanged() {
     openOrCloseConnection();
     _cursorController.startOrStopCursorTimerIfNeeded(
@@ -1612,6 +1628,10 @@
   /// Returns the anchor points for the default context menu.
   @override
   TextSelectionToolbarAnchors get contextMenuAnchors {
+    if (renderEditor.lastSecondaryTapDownPosition != null) {
+      return TextSelectionToolbarAnchors(
+          primaryAnchor: renderEditor.lastSecondaryTapDownPosition!);
+    }
     final selection = textEditingValue.selection;
     // Find the horizontal midpoint, just above the selected text.
     final List<TextSelectionPoint> endpoints =