google / google/model-viewer

model-viewer disappears with dir=rtl and a certain combination of CSS size definitions

Open
#4,930 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
8.2k
Forks
947
PR merge metrics
No merged PRs in 30d

Description

Here is a [minimal code](https://glitch.com/edit/#!/ultra-goldenrod-yellowhorn). Please note this is a simplified version of an actual use case.

model-viewer version 4.0.0. Tested on Firefox 132 and Chromium 132.

I have an HTML with `dir=rtl`

I have CSS as such for responsive model size:
```
model-viewer {
aspect-ratio: 1;
height: auto;
}
```

And I have two model-viewers.

All of this works fine. But if i add `width: 100%` to the second model-viewer the first one disappears. changing to `dir=ltr` or adding `direction: ltr` in CSS fixes this. This was super hard to pin down...

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.