Servo + Browser.html: webplatform bugs

[paulrouget]

I'm retiring this meta bug. Maintaining this list is difficult for many reasons. I will use A-browserhtml tags in servo/servo and glennw/webrender for now.

A list summarizing all the browser.html + servo bugs can be found here: http://paulrouget.com/bhtml-servo-issues/

---

P1

• can't navigate in iframes: iframe not painted anymore after navigation (regression c72d0c2) servo/servo#8081 | has patch
• style reset doesn't work: Resetting style property via elt.style.xxx doesn't work servo/servo#9377
• 1500 RFA per s.: requestAnimationFrame is called ~1500 times per second servo/servo#7782
• shadow blocks clicks: shadow of a transformed element prevents clicks servo/servo#9268
• scrolling the page scrolls the UI: unexpected overflow servo/servo#9306 & unexpected overflow with display:inline-block + margin servo/servo#9308 & unexpected scrollable area with right:-Xpx + overflow:hidden servo/servo#9309

Webrender P1

• favicon not properly rendered: https://github.com/glennw/webrender/issues/143

P2

• loadprogresschange: Add support for mozbrowserconnected servo/servo#9382
• securitychange event: Browser API: expose SSL info (securitychange event) servo/servo#8544
• iframe.zoom(): Browser API: implement iframe.zoom() servo/servo#8547
• can't set iframe src after appended to the DOM: Setting iframe src right after appending it to the DOM doesn't work servo/servo#7826

P3

• border radius clipping: border-radius doesn't clip content servo/servo#7575
• CSS animations/keyframes: Implement CSS animations/keyframes servo/servo#8541
• caret in empty input: text input: draw caret even if there's no text servo/servo#8543
• inline-block issue: inline-block element pushed down if a absolute+inline element is present servo/servo#8602
• tiling crash Tiling panic servo/servo#8758
• update style attribute: html style attribute not updated servo/servo#9307

Webrender P3:

• webrender: opacity+transform: https://github.com/glennw/webrender/issues/95
• opacity transition & pixel ratio: https://github.com/glennw/webrender/issues/103
• inset shadow: https://github.com/glennw/webrender/issues/105
• iframe size: https://github.com/glennw/webrender/issues/116

osx titlebar:

• draggable regions: Support setting the window dragging region with CSS servo/servo#7408
• window controls position: Make it possible to set the coordinates of the window controls servo/servo#7705

We can work around these issues:

• vh not re-computed after resize: vh and vw units are not recalculated after window resize servo/servo#8754 (comment)
• window events: Ensure mouse events are dispatched to document/window as necessary servo/servo#6733
• flex: flexbox model: render this test case properly servo/servo#7304
• Text selection in <input>: Implement Highlight Pseudo-elements (::selection) servo/servo#8077

Nice to have:

• overscroll effect: Implement overscroll servo/servo#7671

Long run issues:

• crash: Browsing for a while eventually crashes in IOSurface servo/servo#6952
• 144 navigations limit: Servo panics exactly after 144 navigations servo/servo#7572

Dynamic toolbar support:

• scroll snapping: Implement CSS scroll snapping servo/servo#7673
• scrollgrab: Implement scrollgrab servo/servo#7672

---

Fixed

• transformed iframe not properly cropped: https://github.com/glennw/webrender/issues/136
• can't scroll in b.html because of background-size: https://github.com/glennw/webrender/issues/137
• iframe background transparent: https://github.com/glennw/webrender/issues/134
• webrender: can't scroll iframe: https://github.com/glennw/webrender/issues/100
• iframe content not transformed: https://github.com/glennw/webrender/issues/101
• box shadow radius: https://github.com/glennw/webrender/issues/115
• locationchange and redirect: Browser API: HTTP redirect doesn't trigger a locationchange event servo/servo#8902
• box-shadow + overflow:hidden: https://github.com/glennw/webrender/issues/124
• border-radius pixelated: https://github.com/glennw/webrender/issues/104
• input event: Implement "input" event for <input> elements servo/servo#8613
• iframe.goBack() panics: iframe.goBack() panics if called too early servo/servo#8674
• iframe.reload(): Browser API: implement iframe.reload() servo/servo#8575
• previous page not frozen: After navigating to a new page in an iframe, previous page is not destroyed/frozen servo/servo#8673
• iframe and mouse events: https://github.com/glennw/webrender/issues/102
• hit test issue: hit test issue: 2 absolute divs create an opaque region for mouse events servo/servo#8759
• hit test issue: iframe hit test is wrong servo/servo#8080
• transition initial value is wrong: CSS transition start value is not computed correctly servo/servo#7816
• 3d transforms cut: CSS 3D transforms cut along the compositor borders servo/servo#8329
• transform + overflow:scroll + iframe: transform + overflow:scroll + iframe: element not painted servo/servo#8325
• iconchange event: Support mozbrowsericonchange event (Browser API) servo/servo#8347
• inline + transform: inline element with a transform property are not positioned correctly servo/servo#7780
• hovering issue: iframe: hovering the iframe doesn't un-hover parent document nodes servo/servo#7865
• iframes do not resize: iframe content does not resize when iframe element is resized servo/servo#8301
• transform: Stacking context issue with CSS transforms servo/servo#7779 | Mix stacking contexts into the positioned content list servo/servo#8266
• overflow: overflow:hidden changes the stacking order servo/servo#8122 | Mix stacking contexts into the positioned content list servo/servo#8266
• overflow + iframe: Stacking issue with iframe + overflow:hidden servo/servo#8310
• 3D transform perspective: 3D transform: using perspective makes element disappear servo/servo#7797
• subpixel positioning with iframes: Subpixel positioning fails since ac5525a servo/servo#8166
• disable default keybings: make it possible to disable default keybindings servo/servo#8121
• support .ico; Support .ico servo/servo#7666 & Switch to Piston's image library servo/servo#3368
• stacking issue with iframes: absolute iframe z-index is wrong servo/servo#7796
• scrolling position lost: iframe: layers scroll position get lost servo/servo#7864
• flickering: iframe flickering servo/servo#7868
• transform + subpixel: Using a transform breaks subpixel positionning servo/servo#7904
• shadow vs. background: inner shadows are drawn behind the background instead of above servo/servo#7872
• stacking issue with float: stacking issue with float and position absolute servo/servo#7828
• text color not updated: Text color is not updated when a class is toggled servo/servo#7814
• slow transitions: CSS transitions of transforms are not smooth servo/servo#7783
• iframe coordinates: Iframe content not painted at the right coordinate if the iframe is in a transformed element servo/servo#7377
• draw in titlebar: Make it possible to draw the titlebar and clip the window in HTML servo/servo#7659
• navigator.platform: Implement navigator.platform servo/servo#7573
• overflow:hidden: overflow:hidden + inline-block + position:relative: element not painted servo/servo#7571
• weakmap crash: Implement the preserveWrapperCallback API to allow our DOM objects to be stored in WeakMaps. servo/servo#7218
• location.reload: Implement location.reload() servo/servo#7064
• CSS calc: Implement CSS3 Calc servo/servo#7185
• viewport / devicePixelRatio: Implement viewport stuffs for window #1718 servo/servo#6875
• Absolutely positioned elements should only be stacking contexts if z-index is not auto servo/servo#7069
• inline-block + position:relative: top value is 3 time bigger than expected servo/servo#7067
• remove all references to visibility:collapse #563
• position:absolute;bottom:x vertical position is wrong servo/servo#7071
• Painting issue: missing text and half a div servo/servo#7074
• border-radius doesn't work with dashed borders servo/servo#7157
• osx 10.11: After getting a MouseWheel event, window freezes rust-windowing/glutin#564
• Glutin update servo/glutin#44
• layout: Don't panic if requestAnimationFrame() is called before first layout. servo/servo#7220
• position:absolute are not stacked properly if another elements is position:fixed servo/servo#7166
• iframe content not painted at the right coordinates if the iframe forms a stacking context servo/servo#7282
• Using overflow:auto changes the stacking order servo/servo#7281
• element, in a position:relative + overflow:hidden element, is shifted servo/servo#7373
• relative inline-block div gets cut off if a position:fixed element is present servo/servo#7372
• 0.5px borders: border-width: 0.5px is painted as 1px border servo/servo#7665

[frewsxcv]

Possibly relevant issue: servo/servo#5394

[paulrouget]

I'd like to focus on a minimal servo-based runtime. What we did for Gecko (graphene project).

I see 3 major area of work for now:

• implementing enough of the web standards to be able to render browser.html. For example, calc(), devicePixelRatio, and fix some layout and painting bugs. This include making sure React works properly. I will be filing bugs in servo/servo and reference them here.
• implement enough of the Browser API to support browser.html. There's already an experimental API. Maybe the best way to start is to write tests.
• packaging and OS integration. For example, on osx, we want to create a .app package, register the app as a browser at the os level, delegate titlebar drawing to the html app (with the close/minimize/maximize buttons), and so on. I'm thinking of starting with OSX as it's the platform I know best (and already did all of that for gecko). I need to come up with a list of features we need to implement and figure out where they should be implemented (glutin vs. servo's port).

There's a lot more work required. Implementing some missing APIs (indexeddb, settings api, pointer events or gestures...), implement multiprocess, session restore, scroll grab, scroll snapping, performance, security model… but I guess we can live without these for now (and some of these tasks are already being worked on).

[paulrouget]

I've already started filing bug and I'm working on porting servo to the latest version of glutin (more OS-level features like with_decoration(false)).

[pcwalton]

Exciting! I'm up for taking down the layout bugs as you come to them (and I've already started on some of the ones you've filed), since they tend to affect Web content too.

[pcwalton]

@paulrouget Could you elaborate on why multiprocess is important to browser.html?

[paulrouget]

@paulrouget Could you elaborate on why multiprocess is important to browser.html?

It is not important. It's not blocking browser.html development. But I assume it will be necessary if we ever ship a product based on servo + browser.html.

[waddlesplash]

servo/servo#7067 has been fixed, so that can be checked off.

[paulrouget]

@pcwalton, if you have the opportunity to look at some more layout bugs: servo/servo#7166 servo/servo#7281 are the most annoying ones.

[waddlesplash]

servo/servo#7571 has been fixed.

[waddlesplash]

Oh, also servo/servo#7218 & servo/servo#7064.

[notriddle]

servo/servo#7828 is closed.

[notriddle]

servo/servo#7780 was fixed by servo/servo@d572f1c.

[notriddle]

servo/servo#8325 is closed.

[gordonbrander]

Draggable regions: servo/servo#7408 ought to be P1, no?

[paulrouget]

Draggable regions: servo/servo#7408 ought to be P1, no?

There's already a draggable zone, it's just not configurable in CSS.

[gordonbrander]

There's already a draggable zone, it's just not configurable in CSS.

NVM :)

[waddlesplash]

servo/servo#8329 is fixed.

[mbrubeck]

servo/servo#8080 is fixed

[gordonbrander]

@paulrouget vh and vw units are not recalculated after window resize servo/servo#8754. P2? We might be able to work around it, but it will be difficult.

This also causes problems with the positioning of child elements servo/servo#8754 (comment). For example, we use position:absolute centering approach for browser.html in several places as an alternative to flexbox (which Servo currently lacks).

Update: we're working around this by using percent instead of vw and vh #752.

[glennw]

@paulrouget https://github.com/glennw/webrender/issues/124 is fixed now.

[glennw]

@paulrouget https://github.com/glennw/webrender/issues/134 is fixed - however the bug fix was specific to perspective(0) - there is probably still bugs with real (nested) perspective values. I'll be working on those today and tomorrow.

[glennw]

@paulrouget https://github.com/glennw/webrender/issues/137 is fixed.

[glennw]

@paulrouget https://github.com/glennw/webrender/issues/136 is fixed.

[paulrouget]

I'm retiring this meta bug. Maintaining this list is difficult for many reasons. I will use A-browserhtml tags in servo/servo and glennw/webrender for now.

A list summarizing all the browser.html + servo bugs can be found here: http://paulrouget.com/bhtml-servo-issues/