Bug 123501 - Web Inspector: [CSS Regions] Setting a forced break on an element via WI requires forcing a layout to apply the break.
Summary: Web Inspector: [CSS Regions] Setting a forced break on an element via WI requ...
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Blocks: 122760
  Show dependency treegraph
Reported: 2013-10-30 02:44 PDT by Mihai Balan
Modified: 2022-07-13 09:21 PDT (History)
6 users (show)

See Also:

HTML file highlighting the problem (821 bytes, text/html)
2013-10-30 02:44 PDT, Mihai Balan
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Mihai Balan 2013-10-30 02:44:18 PDT
Created attachment 215487 [details]
HTML file highlighting the problem

Setting a forced break via Web Inspector in an element's style will not change the layout to reflect the break unless a forced layout is triggered (e.g. by resizing the browser window).

Changing a rule however, will immediately change the layout.

1. Open attached file
2. Open WebInspector and select first <p> in the <article>
3. Add in its style "-webkit-region-break-after: always"
EXPECTED: Second and third paragraphs flow in the second box
ACTUAL: Second and third paragraphs will not flow in the second box unless you resize the browser window
4. Add "-webkit-region-break-after: always" in the empty "article p" rule
EXPECTED & ACTUAL: Layout changes immediately
Comment 1 Radar WebKit Bug Importer 2013-10-30 02:44:30 PDT
Comment 2 BJ Burg 2017-01-16 18:44:46 PST
I am not sure what you mean by "add in its style". Do you mean, setting the style="" attribute on the element, or editing a CSS rule in the Elements tab?
Comment 3 Mihai Balan 2017-01-17 02:20:48 PST
By "add in its style" I meant "edit the style of the element in the WebInspector". This effectively means editing the "style" attribute of the element.
Comment 4 Brent Fulgham 2022-07-13 09:21:37 PDT
CSS Regions were removed in Bug 174978.