123501 2013-10-30 02:44:18 -0700 Web Inspector: [CSS Regions] Setting a forced break on an element via WI requires forcing a layout to apply the break. 2022-07-13 09:21:37 -0700 1 1 1 Unclassified WebKit Web Inspector 528+ (Nightly build) All All RESOLVED WONTFIX InRadar P2 Normal --- 122760 1 mibalan webkit-unassigned bburg bfulgham inspector-bugzilla-changes mihnea webkit-bug-importer WebkitBugTracker oldest_to_newest 944834 0 215487 mibalan 2013-10-30 02:44:18 -0700 Created attachment 215487 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. Repro: 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 944835 1 webkit-bug-importer 2013-10-30 02:44:30 -0700 <rdar://problem/15349903> 1267263 2 bburg 2017-01-16 18:44:46 -0800 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? 1267322 3 mibalan 2017-01-17 02:20:48 -0800 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. 1883048 4 bfulgham 2022-07-13 09:21:37 -0700 CSS Regions were removed in Bug 174978. 215487 2013-10-30 02:44:18 -0700 2013-10-30 02:44:18 -0700 HTML file highlighting the problem regions-page-break.html text/html 821 mibalan PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+Cgk8bWV0YSBjaGFyc2V0PSJV VEYtOCI+Cgk8dGl0bGU+UmVnaW9ucyBhbmQgcGFnZS1icmVhazwvdGl0bGU+Cgk8c3R5bGU+Cglh cnRpY2xlIHsKCQktd2Via2l0LWZsb3ctaW50bzogZjsKCX0KCWFydGljbGUgcCB7CgkJLyogLXdl YmtpdC1yZWdpb24tYnJlYWstYWZ0ZXI6IGFsd2F5cyB3aWxsIGJlIGFkZGVkIGhlcmUgdmlhIFdl Ykluc3BlY3RvciAqLwoJfQoJLnJlZ2lvbiB7CgkJLXdlYmtpdC1mbG93LWZyb206IGY7CgkJYm9y ZGVyOiBtZWRpdW0gc29saWQgYnJvd247CgkJbWF4LXdpZHRoOiA1MCU7CgkJcGFkZGluZzogNXB4 OwoJCW1hcmdpbjogNXB4OwoJfQoJPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KCTxhcnRpY2xlPgoJ CTxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBl bGl0LiBRdWFzaSwgc2VxdWkgY3VtIGhpYyB0ZW1wb3JlIGRvbG9yZSBpdXJlIGV0IHF1aXMgdmVs aXQgYWNjdXNhbnRpdW0gY29tbW9kaT88L3A+CgkJPHA+Vm9sdXB0YXRlbSwgZGViaXRpcywgZHVj aW11cyBvZmZpY2lpcyByZXJ1bSBhdCBwbGFjZWF0IGFuaW1pIHZvbHVwdGF0dW0gaWxsdW0gbGli ZXJvIGlkPyBDb25zZWN0ZXR1ciwgdm9sdXB0YXMgbGliZXJvIG51bXF1YW0gYXQgdGVtcG9yYSBk dWNpbXVzIHN1bnQuPC9wPgoJCTxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LjwvcD4KCTwv YXJ0aWNsZT4KCTxkaXYgY2xhc3M9InJlZ2lvbiI+PC9kaXY+Cgk8ZGl2IGNsYXNzPSJyZWdpb24i PjwvZGl2Pgo8L2JvZHk+CjwvaHRtbD4=