Bug 297082 – Web Inspector: Record first input far too small within Graphics tab

• Status: RESOLVED
• Resolution: FIXED
• Component: Web Inspector

[Anuj Panta]

If you open a the WI, go to the graphics tab, observe the canvas section and to the top right the Record first label, observe the input to the right, observe it's far too small to interact with or even observe the value.

[Radar WebKit Bug Importer]

<rdar://problem/157787230>

[Anuj Panta]

Created attachment 476308 [details]
screen shot of the UI issue

[Anuj Panta]

Created attachment 476309 [details]
CSS styles of input being overwritten to small amount

[Razvan Caliman]

Typing in the frame count input is buggy because of an unhandled exception with programmatic selection:

InvalidStateError:​ The input element's type ('number')​ does not support selection. (at CanvasOverviewContentView.js:​195:​61)
    _updateRecordingAutoCaptureCheckboxLabel @ CanvasOverviewContentView.js:​195:​61
    _handleCanvasRecordingAutoCaptureFrameCountChanged @ CanvasOverviewContentView.js:​278:​54
    dispatch @ Object.js:​134:​35
    dispatchEventToListeners @ Object.js:​142:​17
    save @ Setting.js:​130:​38
    value @ Setting.js:​113:​18
    setRecordingAutoCaptureFrameCount @ CanvasManager.js:​138:​57
    _setRecordingAutoCaptureFrameCount @ CanvasOverviewContentView.js:​176:​59
    _handleRecordingAutoCaptureInput @ CanvasOverviewContentView.js:​259:​48

The autosizing logic written in JS can now be replaced with the CSS property field-sizing which was enabled in https://commits.webkit.org/298511@main

[Razvan Caliman]

Pull request: https://github.com/WebKit/WebKit/pull/63914

[EWS]

Committed 312433@main (b5ebc12da894): <https://commits.webkit.org/312433@main>

Reviewed commits have been landed. Closing PR #63914 and removing active labels.