eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-25 17:15:48 +02:00
Code Issues Packages Projects Releases Wiki Activity
Page: Transription layout and acid2
Pages
Adding a new WebIDL binding Alternative Logo Proposals and Related Swag Asynchronous WebAssembly compilation project Austin Oxidation Autogeneration of style structs Basic SVG support project Beginner's guide to rebasing and squashing Benchmarking Benchmarks Bots Browser Engine Research Build Errors FAQ Buildbot administration Building for Android Building for Magic Leap Building for UWP Building on ARM desktop Linux Building CI Services we use CSS parse error reporting CSSOM student project Canvas rendering project Cargo upgrade service project Code rust concurrency Code Review Code of Conduct Coding standards Compiler upgrade recipes Compositor Layer Design Contributing Control Servo using WebDriver Creating and viewing WARC web archives in Servo Creating new OpenSSL Windows binary distributions Cross compiling from linux to mac Crowbot Css selector matching meeting 2013 07 19 DOM Design DOM documentation DOM missing pieces Debugging JS web compat issues Debugging and editing tools Debugging Design Developer tools student project Devtools CSS errors Devtools plans Devtools Diagnosing SpiderMonkey JIT issues Eric Atkinson visit 2013 09 10 Events and sundry Expand HTTP request response monitoring Fetch improvement project Firefox Reality release notes FirefoxReality build Firewall setup for servo master1 Focus student project Form validation student project GSoC project brainstorming Garbage collected DOM Getting started with layout GitHub Labels Github & Critic PR handling 101 Github workflow Glossary Governance Graphics toolkit integration HTML parser improvement project HTMLElement binding conversion HTTP archive support project HTTP library requirements Hawaii Rooting High priority content for layout Highfive HoloLens 2 test plan Home How to generate GStreamer binaries for CI Image load conformance student project Image maps project Implement HTML charset parsing project Implement ImageBitmap project Implement missing WebAudio automation student project Implement support for missing XMLHttpRequest APIs Implement worker modules Implementing a web standard (RGSoC) Improve specification conformance of unicode bidi library Incremental flow tree construction Infrastructure Integrate xml5ever Intern project brainstorming Intern projects JS objects, wrappers, and cross origin concerns 2013 08 07 Layout 2020 Layout Overview Layout resources Layout revamp ideas Leo meyerovich visit 2013 07 22 Linux sandboxing London Oxidation London Security Meeting 2014 10 27 Meeting 2014 12 08 Meeting 2012 02 08 Meeting 2012 02 16 Meeting 2012 07 20 Meeting 2013 04 01 Meeting 2013 04 15 Meeting 2013 04 22 Meeting 2013 04 29 Meeting 2013 05 06 Meeting 2013 05 13 Meeting 2013 05 20 Meeting 2013 06 03 Meeting 2013 06 10 Meeting 2013 06 14 Meeting 2013 06 17 Meeting 2013 06 24 Meeting 2013 07 01 Meeting 2013 07 15 Meeting 2013 07 22 Meeting 2013 07 29 Meeting 2013 08 05 Meeting 2013 08 12 Meeting 2013 08 19 Meeting 2013 09 09 Meeting 2013 09 16 Meeting 2013 09 23 Meeting 2013 09 30 Meeting 2013 10 14 Meeting 2013 10 21 Meeting 2013 10 28 Meeting 2013 11 04 Meeting 2013 11 18 Meeting 2013 11 25 Meeting 2013 12 02 Meeting 2013 12 09 Meeting 2013 12 16 Meeting 2014 01 06 Meeting 2014 01 13 Meeting 2014 01 21 Meeting 2014 01 27 Meeting 2014 02 03 Meeting 2014 02 10 Meeting 2014 02 24 Meeting 2014 03 10 Meeting 2014 03 17 Meeting 2014 03 24 Meeting 2014 03 31 Meeting 2014 04 07 Meeting 2014 04 14 Meeting 2014 04 21 Meeting 2014 04 28 Meeting 2014 05 05 Meeting 2014 05 13 Meeting 2014 05 19 Meeting 2014 06 09 Meeting 2014 06 17 Meeting 2014 06 23 Meeting 2014 06 30 Meeting 2014 07 07 Meeting 2014 07 14 Meeting 2014 07 21 Meeting 2014 07 29 Meeting 2014 08 04 Meeting 2014 08 11 Meeting 2014 08 12 Meeting 2014 08 18 Meeting 2014 08 25 Meeting 2014 09 08 Meeting 2014 09 15 Meeting 2014 09 22 Meeting 2014 09 29 Meeting 2014 10 06 Meeting 2014 10 13 Meeting 2014 10 20 Meeting 2014 11 10 Meeting 2014 11 17 Meeting 2014 11 24 Meeting 2014 12 15 Meeting 2015 01 05 Meeting 2015 01 12 Meeting 2015 01 26 Meeting 2015 02 09 Meeting 2015 02 23 Meeting 2015 03 02 Meeting 2015 03 16 Meeting 2015 03 30 Meeting 2015 04 06 Meeting 2015 04 13 Meeting 2015 04 27 Meeting 2015 05 04 Meeting 2015 05 11 Meeting 2015 05 18 Meeting 2015 06 01 Meeting 2015 06 08 Meeting 2015 06 15 Meeting 2015 07 06 Meeting 2015 07 13 Meeting 2015 07 27 Meeting 2015 08 10 Meeting 2015 08 17 Meeting 2015 08 24 Meeting 2015 08 31 Meeting 2015 09 14 Meeting 2015 09 21 Meeting 2015 09 28 Meeting 2015 10 05 Meeting 2015 10 12 Meeting 2015 10 19 Meeting 2015 10 26 Meeting 2015 11 02 Meeting 2015 11 09 Meeting 2015 11 16 Meeting 2015 11 30 Meeting 2016 01 04 Meeting 2016 01 11 Meeting 2016 01 25 Meeting 2016 02 01 Meeting 2016 02 08 Meeting 2016 02 22 Meeting 2016 03 07 Meeting 2016 03 21 Meeting Devtools Servo 2 Meetings Microdata project Minutes Hackathon 2012 03 27 Missing DOM features project More ServiceWorker support project More developer tools student project Mozlandia Automation Mozlandia B2S Mozlandia JS Mozlandia Rust In Gecko Mozlandia WPT Mozlandia gfx Mozlando Devtools Servo Mozlando Oxidation Mozlando SM Servo Mozlando Servo Bluetooth Mozlando Servo MagicDOM Mozlando Servo SMStrings Mutation observer project Mutation testing project NCSU student projects Network security project Off main thread HTML parsing project Offscreen canvas improvements project Offscreen canvas project Orlando Oxidation 2018 Oxidation 2015 11 05 Persistent sessions student project Preparing ARM libraries for CI Priority of CSS properties Priority of DOM implementation Priority of dom bindings Private browsing student project Profiling Project proposal deadlines Prototype JS form controls student project Prototype ways of splitting the script crate Publishing a new ANGLE NuGet version Publishing a new app store release Push vs Pull for caching Random web content project Refactor GLES2 student project Refactor bluetooth support student project Remaining work Removing push notifications from IRC hooks Replace C libraries student project Report new contributors project Representation of computed style Research Reviewer Roadmap Running Web Platform Tests on Servo Rust HTML parser Rust SpiderMonkey debugger API Rust cssparser code walk 2013 08 02 SaltStack Administration San Francisco Oxidation Servo Benchmarking Report (December 2024) Servo Benchmarking Report (November 2024) Servo Benchmarking Report (October 2024) Servo Layout Engines Report Servo and SpiderMonkey Report Servo for Gecko Developers Specification Links SpiderMonkey related tasks SpiderMonkey infodump SpiderMonkey upgrade details Storage student project Streaming webassembly student project Strings Student project brainstorm Student projects Styling overview Stylo hacking guide Summer of Code 2014: Implement XMLHttpRequest Summer of Code 2016: Fetch API Summer of Code 2016: File support Summer of Code 2016: ServiceWorker infrastructure Summer of Code projects Summit meeting 2013 09 09 Support WebDriver based tests project Syncing web platform tests (WPT) TaskCluster Testing Tools Tracking intermittent failures over time project Transcription Notes from Servo Architecture talk in Suwon Transcription notes from rust patterns talk in suwon Transcription parallelism Transcription rust concurrency Transcription rust runtime Transription layout and acid2 Trinity College Dublin student projects UPenn student projects Updating the Rust compiler used by Servo Upgrading non taskcluster linux CI machines Upgrading the UWP gstreamer binaries Upgrading the windows LLVM binaries Upgrading wptrunner Using DOM types Using Rust Spidermonkey Prototype Using WebWorker Prototype Version 0.1 Videos and presentations WebAudio JS interfaces student project WebAudio nodes student project WebCompatBug WebSocket student project Webdriver student project Webdriver tests student project Webrender Overview Whistler 2019 notes Whistler Bugzilla Whistler FFOS Whistler GFX Whistler Houdini1 Whistler Houdini2 Whistler Necko Whistler Oxidation 2019 Work items for new contributors Workweek COW DOM Workweek alt js Workweek android arm Workweek boot 2 servo Workweek compiler lints Workweek displaylist Workweek dogfooding Workweek encoding Workweek generated content Workweek governance Workweek graphics stack Workweek graphics toolkit Workweek incremental layout Workweek js bindings status Workweek layers Workweek layers2 Workweek pixels Workweek rasterization Workweek reftests Workweek roadmap Workweek script crate Workweek security Workweek string interning Workweek tables Workweek writing modes XML parser student project infra triage notes jQuery status webxr.today support
Clone
1
Transription layout and acid2
Lars Bergstrom edited this page 2013-11-12 18:08:13 -08:00
Table of Contents

Schedule

Wait for box builder / incremental reflow

  • position
  • generated content
  • tables (pcwalton has documents on how they are done in gecko)

Can do before incremental reflow

  • Paint order / clipping can be done before incremental reflow
  • data url should work, but may have a bug. need alpha channel PNG
  • z-index (multiple display list).
  • overflow:hidden
  • local bookmark
  • border painting (just a graphics change with line style in azure)
  • list is coming up as inline-block instead of block
  • need generated content for lists
  • :hover, :active, :focus

Questions

  • Do we need to support multiple layers for z-index? Need it for position:fixed regardless.

Pseudo-class

How can we find the position for the hover?

  • jack: traverse the display list, which will point to the DOM
  • pcwalton: lots of traffic to the layout task when the mouse is moved, though
  • kmc: can cache the structure as part of compositing
  • pcwalton: maybe cache the display list?
  • jack: dont worry about it all for now
  • pcwalton: make sure we don't get hurt for the future
  • kmc: the compositor can assemble tiles of pictures AND a map of what's under the pixels
  • pcwalton; only works for this case, but not for a mousemove event in script
  • jack: have the renderer send the display list to the compositor as well, and the compositor can use it to disambiguate mouse events. How does gecko handle it?
  • pcwalton: floods script with them. We can check after this, but I bet that if we put a mouse_move on something, gecko constantly is building display lists. Our architecture is not that different from gecko.
  • kmc: uses display list for hit testing.
  • pcwalton: webkit does not; it has separate paths, uses walks through the layout, which requires tracking z-order How do we propagate event on DOM tree originally in servo?
  • jdm: Which events are needed? Are they DOM events?
  • pcwalton: mouse_move. It's special because it's related.
  • jdm: usually have optimizations so that pages without mouse_move events do not fire DOm events
  • pcwalton: if you call preventDefault, it will stop the hover from happening. If you have something further up in the chain, does that stop the hover from happening? We should test it.
  • QUESTION: how does gecko do hover?
  • QUESTION: does preventDefault() stop hover from happening? -jdm: possible we have mouseMove events that are covered
  • pcwalton: In the DOM, there is an order in which events are delivered. They go inner to outer. Javascript can say stop at any point, which includes it. Don't know if this covers acid2 or not. If it is, then hover needs to be integrated into the JavaScript event system so that JS can prevent it. If it's not the case, then we don't need to have the JavaScript event and can have mouseMove be separate. Need to figure out if its integrated in that way

hover test

  • pcwalton: don't we need to CSS cascade for hover?
  • jack: and anything that's hovered? But gecko already has a table for all the things for this, right?
  • pcwalton: may be pretty fast. We need to match selector document damage. With incremental reflow, we know that only the one needs incremental layout. We should optimize this case so that it's very fast. We can skip layout calculations. We have an enum that prevents only some of them.
  • pcwalton: We have a pass that computes the overflow regions, and that will tell us the rectangle we need to repaint. So then, we can repaint only that one tile. We know how much space it took up, so when that element changes, all we need to do is repaint that area. It is called overflow calculation because if you have a box with a lot of words, even if the dimensions of the box were smaller than the contents, we still need to repaint the whole thing.

:visited

  • pcwalton: We could store a simple session manager in the compositor, and that would be the most forward-thinking way to do it. Ultimately, the embedding application (the compositor) should maintain that and history as well. If we want to do this the right way, we should send a message to the consteallation which would then send one to the compositor that would then request browser history. But I am fine with a temporary cache for now.
  • jack: I say we do it like the imagecachetask for now. Send it a message, get a response, and worry about doing something fancier later.
  • pcwalton: As long as you have a task, you can change where the message passing goes easily, so I like this. That's a good idea: a history task.
  • jack: And I think that for anything we need, like a temporary cache/data store, we should just create a task, send it messages, and be set.
  • pcwalton: Should not block on knowing whether a link is visited or not. Should request the info, but should not wait to paint. Need to paint unvisited right away and then paint it the right color.
  • brson: Specs have anything to say about this?
  • pcwalton: We do whatever we want.
  • kmc: There's a timining information problem there.
  • pcwalton: Eventually, dbaron's stuff, where we have to lie about the color (and other attributes) related to visited information.

table

  • pcwalton: We haven't thought about the flow classes heavily. They were not designed up front. InlineBlockFlowClass will probably not exist in the future. It's useful as a marker to have to show that something is Absolute and not part of the flow. So an AbsoluteFlow might always contain a BlockFlow, but the AbsoluteFlow is probably a marker.
  • pcwalton: For tables, I'm not sure how it will fall out. How we do everything is different from gecko and webkit. There will be some experimentation. I can imagine having a TableFlow and TableRowFlow and then InlineFlows for the table cells. The answer is: feel free to make whatever flow classes make sense to you. You don't need to worry about staying in our current model. If there is something that makes more sense, feel free to do it. Things like AbsoluteFlow and TableFlow are not implemented and may not work, so feel free to change things as they fit your needs.
  • parkjaeman: Wondering. tables work similarly to block, and table rows similar to inline flow. So, how can TableFlow cover all the table elements.
  • pcwalton: Maybe there's a TableFlow that are like block flows but not the same. And TableRowFlows are like inline flows, and then have RenderBoxes below them. As another idea, we might have TableFlow, TableRowFlow, and then RenderBoxes for the cells in them. That is an idea to try first, treating them like a BlockFlow (TableFlow) and InlineFlow (TableRowFlow).