Handle user taps on the padding area around the editor

packages/zefyr/example/ios/Podfile.lock

@@ -25,4 +25,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 1e5af4103afd21ca5ead147d7b81d06f494f51a2
 
-COCOAPODS: 1.5.2
+COCOAPODS: 1.5.3

packages/zefyr/lib/src/widgets/editable_text.dart

@@ -35,6 +35,7 @@ class ZefyrEditableText extends StatefulWidget {
     @required this.imageDelegate,
     this.autofocus: true,
     this.enabled: true,
+    this.padding: const EdgeInsets.symmetric(horizontal: 16.0),
   }) : super(key: key);
 
   final ZefyrController controller;
@@ -43,6 +44,9 @@ class ZefyrEditableText extends StatefulWidget {
   final bool autofocus;
   final bool enabled;
 
+  /// Padding around editable area.
+  final EdgeInsets padding;
+
   static ZefyrEditableTextScope of(BuildContext context) {
     final ZefyrEditableTextScope result =
         context.inheritFromWidgetOfExactType(ZefyrEditableTextScope);
@@ -123,11 +127,15 @@ class _ZefyrEditableTextState extends State<ZefyrEditableText>
     super.build(context); // See AutomaticKeepAliveState.
     ZefyrEditor.of(context);
 
+    Widget body = ListBody(children: _buildChildren(context));
+    if (widget.padding != null) {
+      body = new Padding(padding: widget.padding, child: body);
+    }
     final scrollable = SingleChildScrollView(
       padding: EdgeInsets.only(top: 16.0),
       physics: AlwaysScrollableScrollPhysics(),
       controller: _scrollController,
-      child: ListBody(children: _buildChildren(context)),
+      child: body,
     );
 
     final overlay = Overlay.of(context, debugRequiredFor: widget);

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

@@ -159,10 +159,9 @@ class _ZefyrEditorState extends State<ZefyrEditor> {
       imageDelegate: _imageDelegate,
       autofocus: widget.autofocus,
       enabled: widget.enabled,
+      padding: widget.padding,
     );
-    if (widget.padding != null) {
-      editable = new Padding(padding: widget.padding, child: editable);
-    }
+
     final children = <Widget>[];
     children.add(Expanded(child: editable));
     final toolbar = ZefyrToolbar(

packages/zefyr/lib/src/widgets/render_context.dart

@@ -94,6 +94,25 @@ class ZefyrRenderContext extends ChangeNotifier {
     }, orElse: _null);
   }
 
+  /// Returns closest render box to the specified global [point].
+  ///
+  /// If [point] is inside of one of active render boxes that box is returned.
+  /// Otherwise this method checks if [point] is to the left or to the right
+  /// side of a box, e.g. if vertical offset of this point is inside of one of
+  /// the active boxes. If it is then that box is returned.
+  RenderEditableProxyBox closestBoxForGlobalPoint(Offset point) {
+    assert(!_disposed);
+    RenderEditableProxyBox box = boxForGlobalPoint(point);
+    if (box != null) return box;
+
+    box = _activeBoxes.firstWhere((p) {
+      final localPoint = p.globalToLocal(point);
+      return (localPoint.dy >= 0 && localPoint.dy < p.size.height);
+    }, orElse: _null);
+
+    return box;
+  }
+
   static Null _null() => null;
 
   @override

packages/zefyr/lib/src/widgets/selection.dart

@@ -216,8 +216,12 @@ class _ZefyrSelectionOverlayState extends State<ZefyrSelectionOverlay>
     HitTestResult result = new HitTestResult();
     WidgetsBinding.instance.hitTest(result, globalPoint);
 
-    final box = _getEditableBox(result);
-    if (box == null) return;
+    RenderEditableProxyBox box = _getEditableBox(result);
+    if (box == null) {
+      final editable = ZefyrEditableText.of(context);
+      box = editable.renderContext.closestBoxForGlobalPoint(globalPoint);
+    }
+    if (box == null) return null;
 
     final localPoint = box.globalToLocal(globalPoint);
     final position = box.getPositionForOffset(localPoint);

packages/zefyr/test/widgets/selection_test.dart

@@ -33,5 +33,24 @@ void main() {
       await editor.unfocus();
       expect(editor.findSelectionHandle(), findsNothing);
     });
+
+    testWidgets('tap outside of text area finds closest paragraph',
+        (tester) async {
+      final editor = new EditorSandBox(tester: tester);
+      await editor.tapEditor();
+      editor.controller
+          .updateSelection(new TextSelection.collapsed(offset: 10));
+      await tester.pumpAndSettle();
+      expect(editor.controller.selection.extentOffset, 10);
+
+      RenderEditableParagraph renderObject =
+          tester.firstRenderObject(find.byType(EditableRichText));
+      var offset = renderObject.localToGlobal(Offset.zero);
+      offset += Offset(-5.0, 5.0);
+      await tester.tapAt(offset);
+      await tester.pumpAndSettle();
+      expect(editor.controller.selection.isCollapsed, isTrue);
+      expect(editor.controller.selection.extentOffset, 0);
+    });
   });
 }