Bug 271317 – Web Inspector: Console Prompt on Bottom Position is Annoying when edit JS Snippets

• Component: Web Inspector
• Status: RESOLVED DUPLICATE

[Kresna Satya]

Created attachment 470446 [details]
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

[Radar WebKit Bug Importer]

<rdar://problem/125488896>

[Razvan Caliman]

This is a duplicate of https://bugs.webkit.org/show_bug.cgi?id=276530 which has been fixed and shipped with Safari 18.2

https://developer.apple.com/documentation/safari-release-notes/safari-18_2-release-notes#Web-Inspector

*** This bug has been marked as a duplicate of bug 276530 ***