Web UI Object Browser issue when the object metadata has a '%' character in the metadata value.

[stephenrobi]

NOTE

When adding a '%' character to an object metadata value, then select that object in the Object Browser of the Web UI, it produces a blank page and an error in the developer tools.

Expected Behavior

It should display the object info as normal, including the metadata key/value with the '%' sign.

Current Behavior

A blank page gets shown with an error in the developer tools.

Steps to Reproduce (for bugs)

1. I am uploading an object with the .NET SDK, I include a metadata value that has a percent '%' sign in it using PutObjectArgs.WithHeaders
2. After uploading, go to the Web UI then to the Object Browser and select that object and you will get errors. You get a blank page and the following error in the developer tools:
   
3. You can retreive the object just fine using the same .NET SDK, I believe this is just an issue with the Web UI.

Context

I would like the Web UI > Object Browser to still work even if it has a metadata value with a '%' sign in it. The SDK functionality still works fine and I can retrieve the object with the correct metadata with the GetObject API.

Your Environment

• Running in docker container running on Ubuntu Server.
• Minio version is RELEASE.2023-06-09T07-32-12Z

[prakashsvmx]

Thank you for reporting @stephenrobi . fix has been sent.