[Webkit-unassigned] [Bug 271317] New: Web Inspector: Console Prompt on Bottom Position is Annoying when edit JS Snippets

[bugzilla-daemon at webkit.org]

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

            Bug ID: 271317
           Summary: Web Inspector: Console Prompt on Bottom Position is
                    Annoying when edit JS Snippets
           Product: WebKit
           Version: Safari 17
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: kresnasatya72 at gmail.com
                CC: inspector-bugzilla-changes at group.apple.com

Created attachment 470446

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

Video demo: edit JS snippets on Safari, Chrome, and Firefox.

Greetings WebKit team, my name's Kresna. I have an uncomfortable experience when using console prompt on Web Inspector WebKit.

I'm using Safari version I'm using Safari 17.3.1, macOS 14.3.1 (M1).

By default, console prompt position is on the bottom on Safari WebKit Inspector. If I copy paste a long JS snippets to the Console Prompt then I want to edit the first line it will be uncomfortable to go through the first line. Here's example of long JS snippets.

```js
// Replace “.the-fixed-child” for a CSS selector
// that matches the fixed-position element:
const selector = '.the-fixed-child';

function findCulprits(elem) {
  if (!elem) {
    throw new Error(
      'Could not find element with that selector'
    );
  }

  let parent = elem.parentElement;

  while (parent) {
    const {
      transform,
      willChange,
      filter,
    } = getComputedStyle(parent);

    if (
      transform !== 'none' ||
      willChange === 'transform' ||
      filter !== 'none'
    ) {
      console.warn(
        '�� Found a culprit! ��\n',
        parent,
        { transform, willChange, filter }
      );
    }
    parent = parent.parentElement;
  }
}

findCulprits(document.querySelector(selector));
```

If I compare with Chrome Dev Tools or Firefox Dev Tools, they put the console prompt position on the top and it make's me comfortable to edit the first line of JS snippets.

I see that somebody already post this case on Apple Discussion forum since 5 years ago but there's no suitable answer to solve this uncomfortable experience. Here's the link: https://discussions.apple.com/thread/250011535?answerId=250016153022&sortBy=best#250016153022

I will attach video when I try to edit first line on Console Prompt Safari and compare it to Chrome and Firefox.

Chrome version: 123.0.6312.59
Firefox version: 123.0.1

-- 
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/20240320/23b951e3/attachment.htm>