How to derive element dimensions

[onweru]

I'm wondering if there is a way to obtain the size of say a div without using eval.

I tried using MountedData, but the result in my case always resolves to 0.0x0.0

My code looks like.

     let mut dimensions = use_signal(|| "".into());

      div {
        onmounted: move |e| {
          async move {
            let s = format!("{:#?}", e.get_client_rect().await.unwrap_or_default().size);
            dimensions.set(s);
          }
        },
   }
...

I would use the position to dynamically position a badge depending on the label size, using absolute positioning. In this case, precision is needed without having to inline the badge.