---
title: "Discussion on \"Fix mobile keyboard overlap with VisualViewport\" | Hashnode"
description: "Discussion on \"Fix mobile keyboard overlap with VisualViewport\". Prevent the on‑screen keyboard from covering bottom inputs using dynamic viewport height. Just use h-dvh and viewport meta."
url: "https://hashnode.com/posts/fix-mobile-keyboard-overlap-with-visualviewport/68ac363b814b3b9825cdd574"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Fix mobile keyboard overlap with VisualViewport](https://franciscomoretti.hashnode.dev/fix-mobile-keyboard-overlap-with-visualviewport?utm_source=hashnode&utm_medium=feed)

Prevent the on‑screen keyboard from covering bottom inputs using dynamic viewport height. Just use h-dvh and viewport meta.

Aug 25, 2025 · 2 min read · franciscomoretti.hashnode.dev  
Updated Jun 10  
Read the article

-   [#tailwind-css](https://hashnode.com/tag/tailwind-css)
-   [#html](https://hashnode.com/tag/html)
-   [#ui](https://hashnode.com/tag/ui)

## Written by

[Francisco Moretti](https://hashnode.com/@franciscomoretti)

@franciscomoretti · London, UK

  
[View profile](https://hashnode.com/@franciscomoretti)

Full Stack Engineer at Samaya AI. I talk about web development, AI, and good programming practices.

Full-Stack Engineer specializing in Web Development and AI.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.