Some more examples which could be included in the explainer

[alice]

Coming here from the TAG review thread

• It would be helpful to illustrate when the geometrychange event would be more useful than the CSS environment variables - the existing example seems like it would be better handled by the CSS environment variables. @kenchris noted that canvas-based UIs would be one example of where you'd need to set a position directly.
• Also, in that example it's not clear how the author knows that the search box is on the same side of the split-screen as the keyboard - could this be included in the example code?

[BoCupp-Microsoft]

@alice I've recently updated the explainer. I've added an example for a canvas-based spreadsheet which would be a good candidate for using the JS APIs. Additionally, I've provided a more complete example using CSS environment variables to detect when to adjust elements of the UI based on whether the virtual keyboard is appearing on a particular screen. Please take a look when you have a moment. Thanks!

[snianu]

TAG reviewed the explainers and the discussions we had in TPAC and supported the proposal.