Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scrollbar disappear when using focus annotation #312

Closed
MousaZeidBaker opened this issue Jan 13, 2023 · 3 comments
Closed

Scrollbar disappear when using focus annotation #312

MousaZeidBaker opened this issue Jan 13, 2023 · 3 comments

Comments

@MousaZeidBaker
Copy link

Hey!! Thanks for this great package.

The scrollbar disappears when using focus annotation on short lines, see following examples

Without focus annotation

```yaml Example
message: hello world
longMessage: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
```

image

With focus annotation on line 1 (scrollbar disappears)

```yaml Example focus=1
message: hello world
longMessage: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
```

image

With focus annotation on line 2

```yaml Example focus=2
message: hello world
longMessage: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
```

image

@pomber
Copy link
Contributor

pomber commented Jan 14, 2023

Hi! That's intentional, the same will happen with vertical scrollbars.

@MousaZeidBaker
Copy link
Author

Hi! That's intentional, the same will happen with vertical scrollbars.

Thanks for the quick reply. Is there a way to keep the scrollbars?

@pomber
Copy link
Contributor

pomber commented Jan 14, 2023

Thanks for the quick reply. Is there a way to keep the scrollbars?

A dirty workaround is to focus on a whitespace of the long line.

```yaml Example focus=1,2[13]
message: hello world
longMessage: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
```

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants