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

[Issue]: CSS Container Jumping when Interacting with the container #4740

Open
1 task done
deffcolony opened this issue Aug 2, 2023 · 3 comments
Open
1 task done
Assignees
Labels
bug Something isn't working confirmed The issue has been verified

Comments

@deffcolony
Copy link

Please describe your bug

The bug

When interacting with the custom CSS container in the web app, there is a noticeable issue with the cursor and scrolling behavior. The problem occurs when the text within the container becomes long enough to require scrolling. At that point, two main issues are observed:

  1. Jumping Cursor: Whenever I click on the container to insert or edit text, the cursor unexpectedly jumps to the top of the textarea, causing inconvenience and difficulty in editing long CSS code.

  2. Unwanted jump when typing: Additionally, when I type or make changes to the text, the container automatically jumps to the bottom, making it difficult to keep track of the changes and causing confusion.

Steps to Reproduce:

  1. Navigate to "Administration" > "Dashboard" > "General."

  2. Add a long CSS code or enter random text in the container, causing it to expand and require scrolling.

  3. Click on the container to interact with it.

Expected Behavior:

When clicking on the container, the cursor should remain at the clicked position, and there should be no annoying jump to the top.

Jellyfin Version

10.8.z

if other:

10.8.10

Environment

- OS: Ubuntu server
- Linux Kernel:
- Virtualization: Docker
- Clients:
- Browser:
- FFmpeg Version:
- Playback Method:
- Hardware Acceleration:
- GPU Model:
- Plugins:
- Reverse Proxy:
- Base URL:
- Networking:
- Storage:

Jellyfin logs

No response

FFmpeg logs

No response

Please attach any browser or client logs here

No response

Please attach any screenshots here

firefox_yL1MskBqzJ.mp4

Code of Conduct

  • I agree to follow this project's Code of Conduct
@deffcolony deffcolony added the bug Something isn't working label Aug 2, 2023
@crobibero crobibero transferred this issue from jellyfin/jellyfin Aug 3, 2023
@dmitrylyzo
Copy link
Contributor

This line minimizes the text area (causing the window to scroll up), but it is needed to update the scrollHeight property.

textarea.style.height = 'auto';

@dmitrylyzo dmitrylyzo added the confirmed The issue has been verified label Aug 3, 2023
@Sukhendu2002
Copy link

Hey @dmitrylyzo can you assign this issue to me, I want to work on this issue

@thornbill
Copy link
Member

This is likely fixed by #6334

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working confirmed The issue has been verified
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants