https://kotlinlang.org logo
Join Slack
Powered by
I have this <project> built with CMP 1.6.1, looks ...
# compose-web
a
I have this project built with CMP 1.6.1, looks fine on web browser but on mobile browser is not(see the images), does anyone know why?
p
Yeah mobile still lacks basic stuff unfortunately. Wonder if some improvement in 
1.6.2
o
please add 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
to your index.html
a
I applied that change but in some browsers the content is cropped to his own width, which is weird because the main screen has a 
Modifier.fullMaxSize
on it
here's my 
index.html
now:
Copy code
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Boggle Multiplatform</title>
    <script src="skiko.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div>
    <canvas id="ComposeTarget"></canvas>
</div>
<script src="composeApp.js"></script>
</body>
</html>
And if you want to see the repo: https://github.com/alejandro-rios/Boggle-Multiplatform
o
in some browsers the content is cropped to his own width
only in some browsers? but okay in other browsers?
a
I tried with: • Chrome • DuckDuckGo • Firefox Focus And get the result you see
A friend of mine have an iPhone, here's how it looks on safari
o
got it. could you please submit a bug on github for us?
a
Of course, where to?
o
a
Done
thank you color 1
c
Can you use the js target for your app? I just tested it and it doesn’t have the wasm issues with the viewport for mobile devices. https://kotlinlang.slack.com/archives/CDFP59223/p1711475155817799?thread_ts=1711468799.065149&amp;cid=CDFP59223
a
My project runs in the js enviroment already, There's a version of CMP that "fixes" the issue but presents a different issue, here's is the issue
👍 1
15 Views
Open in Slack
PreviousNext
Powered by