Kotlin/Wasm responsive layout about compose-multiplatform HOT 7 CLOSED

It will be easier when material3-adaptive and Window Size Class support for CMP is out. See 3688 and 2404.
For the latter, we have https://github.com/chrisbanes/material3-windowsizeclass-multiplatform

from compose-multiplatform.

Thanks for the information!

But I tried to use the Window Size class but the result was more o less the same, so not correctly adapted to the mobile size, but the materia3-adaptive is still in development to be implemented in a future release?

Material3-windows-size is align the adaptive design guideline，if you want get the best experience ，you should read the guideline

from compose-multiplatform.

its because <meta name="viewport" content="width=device-width, initial-scale=1.0"> is not set in the html file (i dont know if adding this will render the canvas unusable and clicks and pointer events will be affected )

from compose-multiplatform.

@PMARZV very thank you because the content is not more zoomed out and the clicks and pointer events looks like are not affected and work correctly

from compose-multiplatform.

Thanks for the information!

But I tried to use the Window Size class but the result was more o less the same, so not correctly adapted to the mobile size, but the materia3-adaptive is still in development to be implemented in a future release?

from compose-multiplatform.

Yes sure! Thanks for the tip, but I'm facing this behavior also using the `Material3-windows-size':

Viewed from desktop:

Viewed from a mobile device (the same text is that little dot in the center of the screen):

It look like if the content of the page was zoomed out

from compose-multiplatform.

Okay thanks! I will try It and send a feedback about the click are still usable

from compose-multiplatform.