<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>227215</bug_id>
          
          <creation_ts>2021-06-21 08:16:17 -0700</creation_ts>
          <short_desc>Web Inspector: Styles: Autocomplete list should appear when pressing Arrow Down</short_desc>
          <delta_ts>2021-06-28 08:17:16 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Web Inspector</component>
          <version>WebKit Nightly Build</version>
          <rep_platform>All</rep_platform>
          <op_sys>All</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Razvan Caliman">rcaliman</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>inspector-bugzilla-changes</cc>
    
    <cc>nvasilyev</cc>
    
    <cc>pangle</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1771285</commentid>
    <comment_count>0</comment_count>
    <who name="Razvan Caliman">rcaliman</who>
    <bug_when>2021-06-21 08:16:17 -0700</bug_when>
    <thetext>A common UI pattern is for a hidden list of suggestions for an input field to appear when pressing the Arrow Down key.

In the Styles panel, this is replaced by the keyboard shortcut Ctrl+Space ...:

`/Source/WebInspectorUI/UserInterface/Views/SpreadsheetTextField.js:293`

```
        if (this._controlSpaceKeyboardShortcut.matchesEvent(event)) {
            event.stop();
            if (this._suggestionsView.visible)
                this._suggestionsView.hide();
            else {
                const forceCompletions = true;
                this._updateCompletions(forceCompletions);
            }
            return;
        }
```


... likely because it interacts with the behavior of incrementing/decrementing numeric values when holding Arrow Up/Down. See bug 227214.

---

When the typing caret is not overlapping a numeric value, pressing Arrow Down in an editable text field should present the list of completion suggestions if there are any.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1771290</commentid>
    <comment_count>1</comment_count>
    <who name="Patrick Angle">pangle</who>
    <bug_when>2021-06-21 08:34:24 -0700</bug_when>
    <thetext>Another thing we need to consider here is multi-line CSS values, where the Up/down arrow keys should have a different meaning. grid-template-areas’ being one that comes to mind. In that case we can’t really provide a completion anyways, but we should make sure we don’t break those cases where you want to move the caret to the next line.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1771373</commentid>
    <comment_count>2</comment_count>
    <who name="Nikita Vasilyev">nvasilyev</who>
    <bug_when>2021-06-21 11:37:53 -0700</bug_when>
    <thetext>(In reply to Patrick Angle from comment #1)
&gt; Another thing we need to consider here is multi-line CSS values, where the
&gt; Up/down arrow keys should have a different meaning. grid-template-areas’
&gt; being one that comes to mind. In that case we can’t really provide a
&gt; completion anyways, but we should make sure we don’t break those cases where
&gt; you want to move the caret to the next line.

I was about to make the same example 😂

Even `background` value can span several line, and we do provide completions there. I don&apos;t think we should attempt to provide completions in multiline values on ArrowDown.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1773073</commentid>
    <comment_count>3</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2021-06-28 08:17:16 -0700</bug_when>
    <thetext>&lt;rdar://problem/79864731&gt;</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>