FreeTubeApp / FreeTubeApp/FreeTube

[Bug]: Visible comments with long enough single words break boundaries of single column player view

Open
#7,039 6 comments 0 reactions 0 assignees View on GitHub
B: inconsistent behavior B: visual U: reproduced
Dominant language
Vue
Stars
21.9k
Forks
1.5k
Avg merge
1d 15h
Merged PRs (30d)
62

Description

### Guidelines

- [x] I have encountered this bug in the [latest release of FreeTube](https://github.com/FreeTubeApp/FreeTube/releases).
- [x] I have encountered this bug in the [official downloads of FreeTube](https://github.com/FreeTubeApp/FreeTube#official-downloads).
- [x] I have [searched the issue tracker for open and closed issues](https://github.com/FreeTubeApp/FreeTube/issues?q=is%3Aissue+sort%3Arelevance-desc) that are similar to the bug report I want to file, without success.
- [x] I have searched the [documentation](https://docs.freetubeapp.io/) for information that matches the description of the bug I want to file, without success.
- [x] This issue contains only one bug.

### Describe the bug

1. Shrink window width until comment section and suggested videos are in the same column
2. View comment that has word longer width of comment
3. Observe that boundaries (not including the sidebar and headerbar) are broken

### Expected Behavior

Comments that have a single word that is too long for the single column should have the word split, similar to the expected behavior shown when the UI is wide enough to show the comment section and suggested videos columns separately.

### Issue Labels

inconsistent behavior, visual bug

### FreeTube Version

v0.23.2 Beta

### Operating System Version

Arch Linux

### Installation Method

Flathub

### Primary API used

Local API

### Last Known Working FreeTube Version (If Any)

_No response_

### Additional Information

Screenshots of unexpected behavior

Page suddenly too wide:

![Image](https://github.com/user-attachments/assets/a2668964-139c-402e-9872-23b3d3816cfc)

Being able to scroll above the video player:

![Image](https://github.com/user-attachments/assets/e6aba0c4-e45f-43ee-8f08-0e4847ec99d6)

Screenshot of expected behavior shown in the wide two-column view:

![Image](https://github.com/user-attachments/assets/7a0d5a50-dc97-4ebe-a990-830dfb1778ce)

### Nightly Build

- [x] I have encountered this bug in the latest [nightly build](https://docs.freetubeapp.io/development/nightly-builds).

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.