Q: Inline onload supposed to work ?

Greetings from Brazil!

First of all, my sincere congrats for this amazing fw.

I have a simple question.

Why doesn’t the inline onload work at the case below?

import choo from 'choo'
import html from 'choo/html'
import log from 'choo-log'
import onload from 'on-load'

export const testView = (state, emit) => {

	function onloadFn(el) {
		console.log('onLoad!', el);
	}

	return html`
		<div onload=${onloadFn}>
			<h1>test!</h1>
		</div>
	`
}

const app = choo()
app.use(log())
app.route('*', testView)
app.mount('#root')

but this does work ?

import choo from 'choo'
import html from 'choo/html'
import log from 'choo-log'
import onload from 'on-load'

export const testView = (state, emit) => {

	function onloadFn(el) {
		console.log('onLoad!', el);
	}

	const tree = html`
		<div>
			<h1>test!</h1>
		</div>
	`

	onload(tree, onloadFn)

	return tree
}

const app = choo()
app.use(log())
app.route('*', testView)
app.mount('#root')

What am I doing wrong?

Would love to understand it better.

Keep it up!

[yoshuawuyts]

Heya, sorry that docs aren’t up to date - will be focusing (full time) on getting more out in the next few weeks; so stay tuned! 😄

On Fri, Sep 29, 2017 at 9:39 AM Maciej Sitko [e-mail] wrote:

It is something different as it just does dom onload event, which is most of the times a correct interface of GlobalEventHandlers

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/choojs/choo/issues/570#issuecomment-333128796, or mute the thread https://github.com/notifications/unsubscribe-auth/ACWleuJP9EWYJ4AROiuYVJ01UirMPhDqks5snPMFgaJpZM4Pok-c .

[graforlock]

EDIT:

Well actually it won’t really work on divs in particular so discard me.

Use shama/on-load then