fix: The click area of the linked text is too large.

frontend/app_flowy/packages/appflowy_editor/example/lib/main.dart

@@ -46,10 +46,13 @@ class _MyHomePageState extends State<MyHomePage> {
   Widget build(BuildContext context) {
     return Scaffold(
       extendBodyBehindAppBar: true,
-      body: Container(
+      body: Center(
+        child: Container(
+          width: 780,
           alignment: Alignment.topCenter,
           child: _buildEditor(context),
         ),
+      ),
       floatingActionButton: _buildExpandableFab(),
     );
   }

frontend/app_flowy/packages/appflowy_editor/lib/src/render/editor/editor_entry.dart

@@ -32,10 +32,8 @@ class EditorNodeWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
+    return Column(
-      color: Colors.red.withOpacity(0.1),
+      crossAxisAlignment: CrossAxisAlignment.start,
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.center,
       children: node.children
           .map(
             (child) =>
@@ -54,7 +52,6 @@ class EditorNodeWidget extends StatelessWidget {
             ),
           )
           .toList(),
-      ),
     );
   }
 }

frontend/app_flowy/packages/appflowy_editor/lib/src/render/rich_text/bulleted_list_text.dart

@@ -56,8 +56,8 @@ class _BulletedListTextNodeWidgetState extends State<BulletedListTextNodeWidget>
 
   @override
   Widget build(BuildContext context) {
-    return SizedBox(
+    return Container(
-      width: defaultMaxTextNodeWidth,
+      constraints: BoxConstraints(maxWidth: defaultMaxTextNodeWidth),
       child: Padding(
         padding: EdgeInsets.only(bottom: defaultLinePadding),
         child: Row(
@@ -70,14 +70,14 @@ class _BulletedListTextNodeWidgetState extends State<BulletedListTextNodeWidget>
               padding: EdgeInsets.only(right: _iconRightPadding),
               name: 'point',
             ),
-            Expanded(
+            Flexible(
               child: FlowyRichText(
                 key: _richTextKey,
                 placeholderText: 'List',
                 textNode: widget.textNode,
                 editorState: widget.editorState,
               ),
-            ),
+            )
           ],
         ),
       ),

frontend/app_flowy/packages/appflowy_editor/lib/src/render/rich_text/checkbox_text.dart

@@ -86,7 +86,7 @@ class _CheckboxNodeWidgetState extends State<CheckboxNodeWidget>
                   ..commit();
               },
             ),
-            Expanded(
+            Flexible(
               child: FlowyRichText(
                 key: _richTextKey,
                 placeholderText: 'To-do',

frontend/app_flowy/packages/appflowy_editor/lib/src/render/rich_text/flowy_rich_text.dart

@@ -194,7 +194,9 @@ class _FlowyRichTextState extends State<FlowyRichText> with Selectable {
     return RichText(
       key: _textKey,
       textHeightBehavior: const TextHeightBehavior(
-          applyHeightToFirstAscent: false, applyHeightToLastDescent: false),
+        applyHeightToFirstAscent: false,
+        applyHeightToLastDescent: false,
+      ),
       text: widget.textSpanDecorator != null
           ? widget.textSpanDecorator!(textSpan)
           : textSpan,

frontend/app_flowy/packages/appflowy_editor/lib/src/render/rich_text/heading_text.dart

@@ -63,8 +63,8 @@ class _HeadingTextNodeWidgetState extends State<HeadingTextNodeWidget>
         top: _topPadding,
         bottom: defaultLinePadding,
       ),
-      child: SizedBox(
+      child: Container(
-        width: defaultMaxTextNodeWidth,
+        constraints: BoxConstraints(maxWidth: defaultMaxTextNodeWidth),
         child: FlowyRichText(
           key: _richTextKey,
           placeholderText: 'Heading',

frontend/app_flowy/packages/appflowy_editor/lib/src/render/rich_text/number_list_text.dart

@@ -70,7 +70,7 @@ class _NumberListTextNodeWidgetState extends State<NumberListTextNodeWidget>
                 padding: EdgeInsets.only(right: _iconRightPadding),
                 number: widget.textNode.attributes.number,
               ),
-              Expanded(
+              Flexible(
                 child: FlowyRichText(
                   key: _richTextKey,
                   placeholderText: 'List',

frontend/app_flowy/packages/appflowy_editor/lib/src/render/rich_text/quoted_text.dart

@@ -69,7 +69,7 @@ class _QuotedTextNodeWidgetState extends State<QuotedTextNodeWidget>
                 padding: EdgeInsets.only(right: _iconRightPadding),
                 name: 'quote',
               ),
-              Expanded(
+              Flexible(
                 child: FlowyRichText(
                   key: _richTextKey,
                   placeholderText: 'Quote',

frontend/app_flowy/packages/appflowy_editor/lib/src/render/rich_text/rich_text.dart

@@ -52,8 +52,8 @@ class _RichTextNodeWidgetState extends State<RichTextNodeWidget>
 
   @override
   Widget build(BuildContext context) {
-    return SizedBox(
+    return Container(
-      width: defaultMaxTextNodeWidth,
+      constraints: BoxConstraints(maxWidth: defaultMaxTextNodeWidth),
       child: Padding(
         padding: EdgeInsets.only(bottom: defaultLinePadding),
         child: FlowyRichText(

frontend/app_flowy/packages/appflowy_editor/lib/src/render/toolbar/toolbar_item.dart

@@ -238,6 +238,12 @@ void showLinkMenu(
 }
 
 void _dismissLinkMenu() {
+  // workaround: SelectionService has been released after hot reload.
+  final isSelectionDisposed =
+      _editorState?.service.selectionServiceKey.currentState == null;
+  if (isSelectionDisposed) {
+    return;
+  }
   if (_editorState?.service.selectionService.currentSelection.value == null) {
     return;
   }