api-manager icon indicating copy to clipboard operation
api-manager copied to clipboard
verified publisher icon wso2

[UI] Multiple UI issues related to GraphQL APIs

Open SavinduDimal opened this issue 10 months ago • 7 comments

Operation level rate limiting selection drop downs are not disabled when API level rate limiting is selected for GraphQL APIs

Description

When changing from operation level rate limiting to API level rate limiting for a graphQL API, operation level rate limiting selection drop downs are not disabled. However after selecting a API level policy those dropdowns get disabled.

https://github.com/user-attachments/assets/987d7b96-09c0-4edd-bab7-b2736352768d

Also it is possible to save the API without choosing any API level throttling policies.

Steps to Reproduce

  1. Login to the publisher portal
  2. Create a graphQL API following [1].
  3. Go to API Configurations > Operations page of the API
  4. Select API Level as the Rate Limiting Level.

[1] - https://apim.docs.wso2.com/en/4.5.0/design/create-api/create-graphql-api/create-a-graphql-api/

Version

4.5.0-beta

Environment Details (with versions)

No response

SavinduDimal avatar Feb 27 '25 07:02 SavinduDimal

UI issues in the developer portal Try Out > API Console page

  1. Misalignment in the query add button

Image

  1. Additional quotation marks in the query complexity analyzer.
Image

SavinduDimal avatar Feb 27 '25 08:02 SavinduDimal

Publisher portal UI issues while creating GraphQL APIs with an Endpoint

  1. Incorrect validation messages Image

SavinduDimal avatar Feb 27 '25 10:02 SavinduDimal

DevPortal UI Issue when viewing Query History from the API Console

  1. OS: Ubuntu 22.0
  2. Browser: FireFox

UI Elemenet extends all the way to the section where the result is shown

Image

HussainLatiff avatar Feb 27 '25 10:02 HussainLatiff

DevPortal UI Issue when viewing Query History from the API Console

  1. OS: Ubuntu 22.0
  2. Browser: FireFox

UI Elemenet extends all the way to the section where the result is shown

Image

Please note that this issue is not reproducible with; OS:macOS, Browser:Chrome

SavinduDimal avatar Feb 27 '25 10:02 SavinduDimal

UI issue while editing complexity values in the publisher portal

  • Go to API Configurations > Runtime > Query Analysis
  • When scrolling the complexity value table entries slip under the table head and is visible above the table head. In the following ss, row with the complexity value for the continent can be viewed above the table head.
Image

SavinduDimal avatar Feb 27 '25 11:02 SavinduDimal

Cannot use the GraphiQL Explorer to change the query name intially

Steps to recreate the bug

  • In Publisher -> Create a GraphQL API and Publish it.
  • At Dev Portal -> Subscribe to the API and Try out the API.
  • Use the GraphiQL Explorer to construct the query, Do not click on any subfields as this resolves the issue.
  • When nothing is selected, try changing the name of the query from "MyQuery" to anything you wish.
  • The result is demonstrated in the video, you can only add one more letter and remove a single letter, when changing the query name from the playground UI the Explorer tab remains unchanged.

The only way to resolve this is adding a subfield and then the Query name can be updated and everything works as expected

https://github.com/user-attachments/assets/60d5cb54-fdfb-4560-9bb1-2342b8891c87

OS: Ubuntu 22 Browser: Chrome APIM Version : 4.5.0

HussainLatiff avatar Mar 06 '25 10:03 HussainLatiff

DevPortal UI Issue when viewing Query History from the API Console

  1. OS: Ubuntu 22.0
  2. Browser: FireFox

UI Elemenet extends all the way to the section where the result is shown

Image

Seems like this is an anomaly with the beta pack, The issue does not persist with the RC pack. History is displayed in the correct manner.

Image

HussainLatiff avatar Mar 07 '25 04:03 HussainLatiff