183755 2018-03-19 16:05:35 -0700 Web Inspector: Styles: Don't remove or add style sections while CSS property or selector is focused 2018-03-19 16:06:35 -0700 1 1 1 Unclassified WebKit Web Inspector WebKit Nightly Build All All ASSIGNED https://bugs.webkit.org/show_bug.cgi?id=182619 InRadar P2 Normal --- 1 nvasilyev nvasilyev inspector-bugzilla-changes webkit-bug-importer oldest_to_newest 1407499 0 nvasilyev 2018-03-19 16:05:35 -0700 Steps: 1. Open Web Inspector. 2. Navigate to http://nv.github.io/webkit-inspector-bugs/styles-redesign/tests/style-added-removed-via-js.html 3. Inspect any <p> element. 4. Add a "font-family" property to Style Attribute. 5. Press Tab to focus on the value field. 6. Wait for 3 seconds. Actual: Focus is lost and "font-family" property is discarded. Expected: Focus stays on the "font-family" value field. Notes: On the reduction page, `p {color: mediumpurple}` gets added or removed every 3 seconds. Currently, the styles sidebar panel updates when it happens. Possible solutions are: A) Update styles sidebar without reseting the focus (by using virtual DOM or some other way to do smart partial updates). B) Don't insert/remove style sections while a CSS property or selector is focused. This is what the legacy styles editor does. While option A would be idea, due to time constraints, I suggest to implement B. 1407500 1 webkit-bug-importer 2018-03-19 16:05:57 -0700 <rdar://problem/38639984>