Project

General

Profile

Actions

Bug #14347

closed

Incorrect WSuggestionPopup dropdown button selection area for non-Bootstrap 5 themes

Added by Marnik Roosen 3 days ago. Updated 2 days ago.

Status:
Closed
Priority:
Normal
Assignee:
Target version:
Start date:
02/19/2026
Due date:
% Done:

0%

Estimated time:

Description

WSuggestionPopup.js uses the following function to determine if the user clicked on the dropdown button:

    function calcButtonWidth(edit) {
      if (isBS5()) {
        try {
          const style = getComputedStyle(edit);
          const widthPx = parseInt(style.backgroundSize.match(/^([0-9]+)px ([0-9]+)px$/)[1], 10);
          const rightOffsetPx = parseInt(style.backgroundPositionX.match(/^calc[(]100% - ([0-9]+)px[)]$/)[1], 10);
          return widthPx + rightOffsetPx;
        } catch (e) {
          return 28;
        }
      } else {
        return 16;
      }
    }

Non-Bootstrap 5 themes use a fixed width of 16px.
However, the suggestion dropdown buttons have larger sizes:

  • Bootstrap 2: icon width 20px
  • Bootstrap 3: icon width 20px
  • Polished theme: icon width 19px
  • Default theme: icon width 19px

As a consequence, clicking on the left-hand size of the button does not show the dropdown menu.

Proposed change: increase the default width to 20px for non-Bootstrap 5 themes.

Actions #1

Updated by Marnik Roosen 3 days ago

  • Status changed from InProgress to Review
  • Assignee deleted (Marnik Roosen)
  • Target version set to 4.12.3
Actions #2

Updated by Romain Mardulyn 3 days ago

  • Assignee set to Romain Mardulyn
Actions #3

Updated by Romain Mardulyn 2 days ago

  • Status changed from Review to Implemented @Emweb
  • Assignee changed from Romain Mardulyn to Marnik Roosen
Actions #4

Updated by Romain Mardulyn 2 days ago

  • Status changed from Implemented @Emweb to Closed
Actions

Also available in: Atom PDF