Vue3: Workload Container Storage tab renders volume drop down incorrectly

[richard-cox]

Setup

• Rancher version: dev of 2.10.0

Describe the bug

• drop down squished
• same for the Pod tab -> Storage vertical tab (generic component broken, or broken in context?)

To Reproduce

• Cluster Explorer --> Workloads --> Deployments --> initial container tab --> Storage vertical tab

Result

Expected Result

[richard-cox]

Possibly resolved via #11788

[rak-phillip]

Confirmed to be resolved

[IsaSih]

Dropdown behaviour seems to be partially resolved. It displays the options as expected on both the pod and the container tab. However, for the container tab, as seen in the screen recording, the values the user selects from the dropdown are not actually being selected.

Screen.Recording.2024-09-19.at.16.48.57.mov

And when trying to create the deployment, the following error occurs:

[rak-phillip]

@IsaSih can we create new issues for each of these regressions that you identified? There were several issues identified with this area of dashboard and I want to ensure that we track additional problems properly.