How to Detect Layer Load in CSS?

Keyman
1

Greetings All,

I’m working on a simple “layer transition”, if you will, where a css style trasition would be triggered by a layer change (loading of a new layer). Is there an event that is fired when a layer loads, or some other mechanism that can be applied to respond to a change at the css level?

CSS transitions seem to require an event, like :hover , or another device action, to activate.

thanks!

-Daniel

2

I’m not sure this is really achievable – and if it is, it won’t be forward-compatible with Keyman, because we don’t have guarantees on the CSS and DOM structures for the on screen keyboard.

We don’t fire any events on layer loads that are attachable to CSS, although you could look for DOM changes, e.g. class changes or state changes. You’ll probably have the most luck investigating with Chrome Developer Tools on the Keyman Developer Server test view of the mobile touch keyboards.

1 Like
3

Thanks @Marc I’ll keep at it with Chrome Developer. If approriate; please consider the inclusion of a layer-transition class, that developers can extend and override, when Keyman mobile CSS gets an update.

1 Like