A modern programming language that makes developers happier.

kotlinlang

Hi! Does anyone know how to prevent content from resizing when the keyboard opens? :thread: :arrow_down:

photo_2025-07-14 00.00.54.jpeg

photo_2025-07-14 00.00.52.jpeg

photo_2025-07-14 00.00.54.jpeg,photo_2025-07-14 00.00.52.jpeg

```<!DOCTYPE html>
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Spy Game&lt;/title&gt;
    &lt;link type="text/css" rel="stylesheet" href="styles.css"&gt;
    &lt;script type="application/javascript" src="composeApp.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;```
```html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(18, 31, 44, 1);
}

*:focus {
    outline: none;
}```

Above: Android screenshots.
Below: iOS — no keyboard-related content resize; the dialog stays in place :thinking_face:

photo_2025-07-14 00.35.34.jpeg

seems to be an 11 year old issue in webkit, wow. have a look here:
<https://stackoverflow.com/questions/23023549/get-viewport-height-when-soft-keyboard-is-on>

My goal is to make the keyboard raise the dialog, and the content size remains the same, so that the screen is not flattened. 

The behavior on the web on Android and iOS is different, but neither of them is preferable. But the same code on a mobile phone works as it should.

you could try raising the dialog by `window.visualViewport.height` like some have tried in the link :slightly_smiling_face:

But I absolutely do not want the content to be resized for the viewport like on Android and I can't find a way to do this. On Flutter this behavior is out of the box, :disappointed:

I don't think there is a problem with that. the user just needs to see the element in focus, that they are writing text into and for the app to show him the next one/previous one when tabbing. just get the job done my guy and refine it some other day.