Bug 297082

Summary:

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

Product:

WebKit

Reporter:

Anuj Panta <a_panta>

Component:

Web Inspector

Assignee:

Razvan Caliman <rcaliman>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

inspector-bugzilla-changes, rcaliman, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

WebKit Nightly Build

Hardware:

All

OS:

All

Attachments:

Description	Flags
screen shot of the UI issue	none
CSS styles of input being overwritten to small amount	none

Anuj Panta

Reported 2025-08-07 14:54:46 PDT

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.

Attachments
screen shot of the UI issue (12.66 KB, image/png) 2025-08-08 10:03 PDT, Anuj Panta	no flags	Details
CSS styles of input being overwritten to small amount (116.97 KB, image/png) 2025-08-08 10:03 PDT, Anuj Panta	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2025-08-07 14:54:59 PDT

<rdar://problem/157787230>

Anuj Panta

Comment 2 2025-08-08 10:03:33 PDT

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

Anuj Panta

Comment 3 2025-08-08 10:03:56 PDT

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

Razvan Caliman

Comment 4 2026-04-29 11:48:47 PDT

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

Comment 5 2026-04-29 12:42:25 PDT

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

EWS

Comment 6 2026-05-01 09:08:29 PDT

Committed 312433@main (b5ebc12da894): <https://commits.webkit.org/312433@main> Reviewed commits have been landed. Closing PR #63914 and removing active labels.

Note You need to log in before you can comment on or make changes to this bug.