mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
0b57fca422
1 - Make the LayoutChangesObserver also send "resize" events; r=bgrins The LayoutChangesObserver was originally made to observe all kinds of layout-related events. So far, it was only observing reflows though. This adds the capability to also observe resize events on the content window. 2 - Removed the non-e10s rule/computed-views refreshing mechanism; r=bgrins When the window is resized, the styles shown in the rule-view and computed-view need to be updated (media-queries may be at play). This was done before using a local-only, non-e10s solution. The inspector-panel would listen to the resize event on the linkedBrowser in the current tab. This, obviously, did not work with e10s or across a remote connection. This change just removes all of the code involved with this. This won't cause any regression or backwards-compatibility problems as a new server-driven resize observer is being put in place in this bug. Even if you connected to an older server, you wouldn't see a difference because the refresh-on-resize didn't work over remote connections already. 3 - Refresh the style-inspector when the LayoutChangesObserver detects resize The implementation is simple, the inspector actor uses the LayoutChangesObserver to detect window resize, and when it does, it forwards the event to its front. This is similar to how we deal with reflow events, except that for reflows, the inspector actor (walker in this case), first filters on the server to see if the reflow would indeed impact known nodes. For resize events, it seemed more complex to do this kind of server side filtering as this would involve remembering which node is currently selected and which style were applied, and then compare that with the new styles. 4 - Tests for the style-inspector refresh on window resize |
||
|---|---|---|
| .. | ||
| test | ||
| computed-view.js | ||
| computedview.xhtml | ||
| cssruleview.xhtml | ||
| moz.build | ||
| rule-view.js | ||
| ruleview.css | ||
| style-inspector-menu.js | ||
| style-inspector-overlays.js | ||
| style-inspector.js | ||
| utils.js | ||