Project

General

Profile

Actions
Copy link

Defect #43591

closed

Context menu is hidden behind sidebar in RTL layout

Added by Yasu Saku about 2 months ago. Updated about 1 month ago.

Status:
Closed
Priority:
Normal
Assignee:
Go MAEDA
Category:
UI
Target version:
6.1.1
Resolution:
Fixed
Affected version:

Description

In RTL environments, the context menu does not display correctly.
When the menu is opened near the left edge of the screen, it may be partially hidden behind the sidebar or extend beyond the visible area of the page.

For example

Files

Download all files
clipboard-202512141624-bzbny.png (18.8 KB) clipboard-202512141624-bzbny.png Yasu Saku, 2025-12-14 08:24
clipboard-202512141624-lyx3g.png (2.58 KB) clipboard-202512141624-lyx3g.png Yasu Saku, 2025-12-14 08:24
clipboard-202512141625-uoeun.png (18.1 KB) clipboard-202512141625-uoeun.png Yasu Saku, 2025-12-14 08:25
clipboard-202512141625-vru9a.png (24.4 KB) clipboard-202512141625-vru9a.png Yasu Saku, 2025-12-14 08:25
clipboard-202512141656-bmanz.png (34.6 KB) clipboard-202512141656-bmanz.png Yasu Saku, 2025-12-14 08:56
43591.patch (1.49 KB) 43591.patch Go MAEDA, 2026-01-01 08:33
clipboard-202601011640-oytcf.png (62.4 KB) clipboard-202601011640-oytcf.png Go MAEDA, 2026-01-01 08:40
clipboard-202601011643-kils7.png (126 KB) clipboard-202601011643-kils7.png Go MAEDA, 2026-01-01 08:43
Actions
Copy link
 #1

Updated by Yasu Saku about 2 months ago

Simple solution for this problem is as follows:

html[dir="rtl"],
html:has(head link[rel="stylesheet"][href*="/rtl"]) {
  .contextual .drdn-content {
    inset-inline-start: auto;
    inset-inline-end: 0;

    a.icon {
      padding-inline-start: 24px;
      padding-inline-end: 0;
      background-position-x: calc(100% - 4px);

      /* For Redmine 6 and lator */
      &:has(svg) {
        padding-inline-start: 0;
      }
    }
  }
}

Actions
Copy link
 #2

Updated by Yasu Saku about 2 months ago

Yasu Saku wrote in #note-1:

Simple solution for this problem is as follows:
[...]

Sorry, this solution does not handle submenus in the context menu.

Actions
Copy link
 #3

Updated by Go MAEDA about 2 months ago

  • Status changed from New to Confirmed
Actions
Copy link
 #4

Updated by Go MAEDA about 1 month ago

I propose another solution. The attached patch only replaces the CSS right and margin-left/right properties with inset-inline-end and margin-inline-start/end. Because the patch does not rely on checking html[dir="rtl"] or link[rel="stylesheet"], I believe this approach is simpler than the patch suggested in #note-2.

Actions
Copy link
 #5

Updated by Go MAEDA about 1 month ago

  • Related to Feature #43515: Improve RTL layouts by removing rtl.css and integrating its overrides into application.css using CSS logical properties added
Actions
Copy link
 #6

Updated by Go MAEDA about 1 month ago

  • Subject changed from Context Menu Is Not Displayed Correctly in RTL Layout to Context menu is hidden behind sidebar in RTL layout
  • Status changed from Confirmed to Resolved
  • Assignee set to Go MAEDA
  • Resolution set to Fixed

Fixed in r24249.

Actions
Copy link
 #7

Updated by Go MAEDA about 1 month ago

  • Status changed from Resolved to Closed

Merged the change into 6.1-stable branch in r24250.

Actions
Copy link
 #8

Updated by Go MAEDA about 1 month ago

  • Related to deleted (Feature #43515: Improve RTL layouts by removing rtl.css and integrating its overrides into application.css using CSS logical properties)
Actions
Copy link
 #9

Updated by Yasu Saku about 1 month ago

Go MAEDA
Thank you for your continued support.

Actions
Copy link

Also available in: Atom PDF