starred/qBittorrent

Fork 0

mirror of https://github.com/qbittorrent/qBittorrent.git synced 2026-03-02 22:57:32 -05:00

macOS: Style misalignment in Safari #16636

New issue

Open

opened 2026-02-22 03:17:51 -05:00 by deekerman · 5 comments

deekerman commented

2026-02-22 03:17:51 -05:00

Owner

Originally created by @LeXwDeX on GitHub (Feb 24, 2025).

version : qBittorrent v5.0.4 WebUI (64-bit) (As of February 24, 2025, this is the latest version of Docker.)

My current approach is to use a [Tampermonkey] script to run a piece of JavaScript to solve this problem.

(function() {
    'use strict';

    const observer = new MutationObserver(() => {
        const table = document.querySelector('.dynamicTable');
        if (table) {
            table.style.display = 'none';
            table.offsetHeight;
            table.style.display = '';
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });
})();

What is the problem?

Originally created by @LeXwDeX on GitHub (Feb 24, 2025). version : qBittorrent v5.0.4 WebUI (64-bit) (As of February 24, 2025, this is the latest version of Docker.) --- My current approach is to use a [Tampermonkey] script to run a piece of JavaScript to solve this problem. ```javascript (function() { 'use strict'; const observer = new MutationObserver(() => { const table = document.querySelector('.dynamicTable'); if (table) { table.style.display = 'none'; table.offsetHeight; table.style.display = ''; } }); observer.observe(document.body, { childList: true, subtree: true }); })(); ``` ### What is the problem? <img width="576" alt="Image" src="https://github.com/user-attachments/assets/35fe628d-47fe-4750-bd53-0d3a8044bcec" />

deekerman added the

WebUI

OS: macOS

labels

2026-02-22 03:17:51 -05:00

deekerman commented

2026-02-22 03:17:56 -05:00

Author

Owner

@franciscolh04 commented on GitHub (Mar 3, 2025):

Can I try to solve this?

@franciscolh04 commented on GitHub (Mar 3, 2025): Can I try to solve this?

deekerman commented

2026-02-22 03:18:01 -05:00

Author

Owner

@LeXwDeX commented on GitHub (Mar 3, 2025):

Can I try to solve this?

why not?

@LeXwDeX commented on GitHub (Mar 3, 2025): > Can I try to solve this? why not?

deekerman commented

2026-02-22 03:18:05 -05:00

Author

Owner

@luzpaz commented on GitHub (Mar 25, 2025):

@franciscolh04 any progress ?

@luzpaz commented on GitHub (Mar 25, 2025): @franciscolh04 any progress ?

deekerman commented

2026-02-22 03:18:05 -05:00

Author

Owner

@franciscolh04 commented on GitHub (Mar 26, 2025):

@luzpaz actually no, sorry. I'm not having the time to work on this bug 😅 maybe someone else who wants to and has the time to do it, should solve it. I don't want to hold you back

@franciscolh04 commented on GitHub (Mar 26, 2025): @luzpaz actually no, sorry. I'm not having the time to work on this bug 😅 maybe someone else who wants to and has the time to do it, should solve it. I don't want to hold you back

deekerman commented

2026-02-22 03:18:05 -05:00

Author

Owner

@kindlaj commented on GitHub (Jan 4, 2026):

This problem doesn't exist in Safari 26.2. I don't know which macOS you were using.
Safari received significant CSS rendering and table layout improvements.

qbit runs on macos:

qbit runs on linux:

@kindlaj commented on GitHub (Jan 4, 2026): This problem doesn't exist in Safari 26.2. I don't know which macOS you were using. Safari received significant CSS rendering and table layout improvements. qbit runs on macos: <img width="719" height="106" alt="Image" src="https://github.com/user-attachments/assets/e5ac7262-9fd0-419b-a477-5250bdea5f22" /> --- qbit runs on linux: <img width="618" height="138" alt="Image" src="https://github.com/user-attachments/assets/3cd87b24-8ab5-4c9a-8f0a-d6ef5a3727c4" />