the-airbender / quill_html_editor

HTML rich text editor for Android, iOS, and Web, using the QuillJS library. QuillJS is a free, open source WYSIWYG editor built for the modern web.
https://pub.dev/packages/quill_html_editor
MIT License
85 stars 83 forks source link

[BUG]The hint text or the initial text doesn't who up no matter what I try in flutter web. #202

Open VaarunSinha opened 2 months ago

VaarunSinha commented 2 months ago

Describe the bug The hint text or the initial text doesn't who up no matter what I try.

To Reproduce Steps to reproduce the behavior:

Use this code and run it in web.

final quillHtml.QuillEditorController blog =
      quillHtml.QuillEditorController();

 child: Column(
                                      children: [
                                        quillHtml.ToolBar(
                                          controller: blog,
                                        ),
                                        quillHtml.QuillHtmlEditor(
                                            text: "<p>hello</p>",
                                            hintText: "Description",
                                            controller: blog,
                                            minHeight: 500)
                                      ],
                                    ),
                                  ),
                                ),

Expected behavior The hint text or the initial text should show.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

Flutter Doctor

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.22.2, on macOS 14.1 23B2073 darwin-arm64, locale en-US)
[!] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.
[!] Xcode - develop for iOS and macOS (Xcode 15.3)
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.2)
[✓] VS Code (version 1.90.2)
[✓] Connected device (3 available)
[✓] Network resources

Additional error in console:

Just a warning not an error.

An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.

The editor works but initial text or hint text doesnt.

Please help.

SauloSA commented 1 month ago

The same problem! 😥 @the-airbender

SauloSA commented 1 month ago

I also just checked that the autofocus feature is also not responding in Flutter web.

rrztuw commented 1 month ago

same problem. There is a pull request with a possible? solution.

doughywilson commented 2 weeks ago

I'm also having this issue on the web. It appears related to issue #175.