Bind to component DOM element directly

[legg681]

Hi,
today I stumbled upon an issue in which I wanted to get the size of a Button component. So I started typing bind: and the LSP suggested:

However none of these properties are actually exposed as $bindable. The issue exists for other components as well (e.g. Card).
Is this some type typing limitation and has to be ignored?

Is there a clean method to actually bind to the underlying DOM element of a component?

Thanks.

[huntabyte]

There is no way to do this. This is a bug, we should be filtering these types out so they don't even come up in autocomplete.

[huntabyte]

Well, I guess there is a way to do this. We'd need to expose every underlying property. Let me consider this.

[huntabyte]

Okay, so while we could do this by exposing every property as bindable, these props wouldn't work with the child snippet.

[legg681]

Thanks, so I guess that means its not really feasible (at least easily) currently.

For now I worked around it by using ElementRect from runed, which works nicely, but it seems a bit more "boilerplatey" than using the built in svelte way..