[Webkit-unassigned] [Bug 271260] New: Web Inspector: CSS source editor can adopt fuzzy search for code completion

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=271260

            Bug ID: 271260
           Summary: Web Inspector: CSS source editor can adopt fuzzy
                    search for code completion
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: All
            Status: NEW
          Severity: Enhancement
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: qianlangchen at apple.com
                CC: inspector-bugzilla-changes at group.apple.com

Created attachment 470436

  --> https://bugs.webkit.org/attachment.cgi?id=470436&action=review

Demo: code completion in style details panel (top) vs source editor (bottom)

Now that the inspector's style details panel supports fuzzy code completion when editing an element's styles, the code editor in the Sources tab can also make use of this function when editing CSS sources.

This shouldn't be too hard to do. See https://github.com/WebKit/WebKit/blob/0edbb74048fe7f9f00b755a4df24eaf3c4d2cff2/Source/WebInspectorUI/UserInterface/Controllers/CodeMirrorCompletionController.js. To enable fuzzy search, make use of CSSKeywordCompletions.executeQuery rather than CSSKeywordCompletions.startsWith. Look out for the return values of executeQuery, since they're objects instead of strings.

See attached screenshot demo.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20240319/904b6811/attachment.htm>