mui / mui/base-ui

`--available-height` unexpectedly changes when opening keyboard on iOS

Open
#3,227 3 comments 0 reactions 0 assignees View on GitHub
component: combobox type: bug
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

# Bug report

## Current behavior

This is testing the following example on iOS: https://base-ui.com/react/components/combobox#input-inside-popup

https://github.com/user-attachments/assets/a6e32228-977b-4cd2-bd66-ab6dc68ee6c4

## Expected behavior

When the filter input is focused and the keyboard opens (or vice versa), the menu should change size.

## Reproducible example

https://base-ui.com/react/components/combobox#input-inside-popup

## Base UI version

1.0.0-beta.4

## Which browser are you using?

Safari iOS

## Which OS are you using?

iOS

## Which assistive tech are you using (if applicable)?

N/A

## Additional context

I'm only guessing this is because of `--available-height`. I could be wrong.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.