Subject: Bug: Wikipedia sidebar text overlaps the analysis board when sentences are long
Hello Lichess team,
I've encountered a layout issue on the Lichess website while using the Analysis Board.
When I move through different positions on the analysis board, the Wikipedia information displayed on the left side of the screen updates accordingly. However, when the Wikipedia content contains long sentences, the text appears to overflow into the chessboard area, causing the left-side content to become partially or completely invisible.
Steps to reproduce:
- Open the Analysis Board on Lichess.
- Navigate through different positions so that the Wikipedia information on the left side changes.
- Find a position where the Wikipedia section contains a long sentence or paragraph.
- Observe how the text overlaps with the chessboard instead of staying within the sidebar.
Here is an example move order: 1. e4 e5 2. Nf3 Nc6 3. Bc4 Nf6 4. Ng5 d5 5. exd5 Na5 6. Bb5+ c6 7. dxc6 bxc6 8. Qf3
Expected behavior: The Wikipedia content should remain within its designated sidebar, with long sentences wrapping correctly or the sidebar providing an appropriate scrolling mechanism. The chessboard should remain separate and fully visible.
Actual behavior: When the Wikipedia text is too long, it overflows into the chessboard area, making the sidebar content difficult or impossible to read.
I've attached a screenshot showing the issue for reference.
Could you please look into this layout problem and fix it?
Thank you for your work on Lichess!
Subject: Bug: Wikipedia sidebar text overlaps the analysis board when sentences are long
Hello Lichess team,
I've encountered a layout issue on the Lichess website while using the Analysis Board.
When I move through different positions on the analysis board, the Wikipedia information displayed on the left side of the screen updates accordingly. However, when the Wikipedia content contains long sentences, the text appears to overflow into the chessboard area, causing the left-side content to become partially or completely invisible.
Steps to reproduce:
1. Open the Analysis Board on Lichess.
2. Navigate through different positions so that the Wikipedia information on the left side changes.
3. Find a position where the Wikipedia section contains a long sentence or paragraph.
4. Observe how the text overlaps with the chessboard instead of staying within the sidebar.
Here is an example move order: 1. e4 e5 2. Nf3 Nc6 3. Bc4 Nf6 4. Ng5 d5 5. exd5 Na5 6. Bb5+ c6 7. dxc6 bxc6 8. Qf3
Expected behavior: The Wikipedia content should remain within its designated sidebar, with long sentences wrapping correctly or the sidebar providing an appropriate scrolling mechanism. The chessboard should remain separate and fully visible.
Actual behavior: When the Wikipedia text is too long, it overflows into the chessboard area, making the sidebar content difficult or impossible to read.
I've attached a screenshot showing the issue for reference.
Could you please look into this layout problem and fix it?
Thank you for your work on Lichess!
