Fix the unclickable tertiary navigation arrow after AJAX refresh of cloud service provider tables

Created on 5 April 2023, over 1 year ago
Updated 20 April 2023, over 1 year ago

Problem/Motivation

  • After AJAX refreshing a data table (from pagination, or using the Items per page) such as /clouds/aws_cloud/<cloud_context>/instance,
  • the down/up arrow does not respond. Subsequently, the tertiary navigation does not expand. A user cannot click on hidden menu items such as Internet gateway, Carrier gateway..etc...
πŸ› Bug report
Status

Fixed

Version

5.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States baldwinlouie

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @baldwinlouie
  • @baldwinlouie opened merge request.
  • Status changed to Needs review over 1 year ago
  • πŸ‡ΊπŸ‡ΈUnited States baldwinlouie

    @yas, please review this patch. This fixes the pagination/ajax refresh issue with the tertiary menu. The issue is that the $('#right-button').click() was firing multiple times, making it seem like the menu is not opening up. I think that is because after each AJAX refresh from pagination, the $('#right-button').click() re-binds agains and starts to fire multiple times.

    The fix is to add a $('#right-button').once().click to make sure it fires once per click.

  • πŸ‡ΊπŸ‡ΈUnited States yas California πŸ‡ΊπŸ‡Έ

    @baldwinlouie

    Thank you for your superb insight and supplying the great patch. I tested the patch and it fixes the issue. I'll merge the patch to 5.x, and close this issue as Fixed.

  • πŸ‡ΊπŸ‡ΈUnited States yas California πŸ‡ΊπŸ‡Έ
  • Status changed to RTBC over 1 year ago
  • πŸ‡ΊπŸ‡ΈUnited States yas California πŸ‡ΊπŸ‡Έ
  • Status changed to Fixed over 1 year ago
  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024