
* Draw the cursor underneath text, and above the background (#6337) * A follow up work item is needed to add support for the current behavior, (`"cursorTextColor": null`), and hooking up that setting to the renderer. * This is essentially `"cursorTextColor": "textForeground"` from #6151. # Detailed Description of the Pull Request / Additional comments I should probably go back and update it, and we should probably approve that first. This lets us weave the cursor background between the text background and the text. While printing runs of text, the DX renderer will try to paint the cursor in `CustomTextRenderer::DrawGlyphRun` INSTEAD of `D圎ngine::PaintCursor`. This function is left unimplemented in the other render engines.Ģ.

First, we give the DX engine a "heads up" on where the cursor is going to be drawn during the frame, in `PrepareRenderInfo`. Instead of trying to do lots of work in all the renderers to do backgrounds as one pass, and foregrounds as another, we can localize this change to basically just the DX renderer.ġ. If you toggle this “hidden” class using JavaScript, you might have code that looks like this: let box = document.getElementById('box'),ītn.This is the plan that suggested to me. Notice I have display: none and opacity: 0 on my “hidden” class. The first thing you might think of doing is using both the opacity property and the display property. Let’s look at how you might attempt to solve this problem, step by step.

how would you animate to “display: table”?). It would be great if you could do it, but it’s not currently possible and I’m guessing it never will be (e.g. One of the properties that cannot be animated is the display property. As you might already know, CSS transitions and animations allow you to animate a specific set of CSS properties.
