angular-ui/ui-grid

[BUG] Something is not working

Open

#7,311 建立於 2024年5月3日

在 GitHub 查看
 (1 留言) (0 反應) (0 負責人)JavaScript (5,395 star) (2,496 fork)batch import
help wantedtype: bug

描述

Describe the bug Column sort pop-up highlight both Sort Ascending and Sort Descending option.

To Reproduce Steps to reproduce the behavior:

  1. Open complex grid example(http://ui-grid.info/ from home page is also fine)
  2. Click on one of columns sort setting icon
  3. Pop-up will appear
  4. Initially ascending is highlighted. Click on descending.
  5. Pop-up will get disappear
  6. Again click on same sort setting icon.
  7. Observe that both option are highlighted

Expected behavior Only descending option should be highlighted.

Screenshots image

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Chrome
  • Version: latest

貢獻者指南

技術棧
javascriptangular
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
under 1 hour
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
fresh
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Basic knowledge of AngularFamiliarity with CSS selectorsUnderstanding of DOM event handling
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
85
研究方向
The bug is likely in the sort popup component of ui grid. Look at files related to column header sorting, probably in the `src/features/sort` directory. The issue is that the highlight state for sort direction is not correctly reset after the popup is reopened. Check the logic that toggles the CSS classes for 'ascending' and 'descending' when the sort icon is clicked. The popup should only highlight the active sort direction. Investigate the `ui grid column menu` or similar directive that handles the sort popup. Also check for any state management that might persist the previous selection incorrectly.