Title: [BUG] UI: VNF NIC Mapping - Network select dropdown always disabled · Issue #13358 · apache/cloudstack · GitHub
Open Graph Title: [BUG] UI: VNF NIC Mapping - Network select dropdown always disabled · Issue #13358 · apache/cloudstack
X Title: [BUG] UI: VNF NIC Mapping - Network select dropdown always disabled · Issue #13358 · apache/cloudstack
Description: problem The network selection dropdown in the VNF NIC Mappings step is permanently disabled, making it impossible to assign networks to NIC interfaces through the UI. VNF appliances can only be deployed via API/CLI as a workaround. Root ...
Open Graph Description: problem The network selection dropdown in the VNF NIC Mappings step is permanently disabled, making it impossible to assign networks to NIC interfaces through the UI. VNF appliances can only be dep...
X Description: problem The network selection dropdown in the VNF NIC Mappings step is permanently disabled, making it impossible to assign networks to NIC interfaces through the UI. VNF appliances can only be dep...
Opengraph URL: https://github.com/apache/cloudstack/issues/13358
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"[BUG] UI: VNF NIC Mapping - Network select dropdown always disabled","articleBody":"### problem\n\nThe network selection dropdown in the VNF NIC Mappings step is permanently disabled, making it impossible to assign networks to NIC interfaces through the UI. VNF appliances can only be deployed via API/CLI as a workaround.\n\nRoot cause: In `ui/src/views/compute/wizard/VnfNicsSelection.vue` the `disabled` attribute is written as a plain HTML string instead of a Vue reactive binding (missing `:` prefix). In Vue/Ant Design, any non-empty string is treated as truthy — so the select is always disabled regardless of state. Additionally the logic is inverted: it disables the select when templateNics are present, which is exactly when the user needs to make a selection.\n\n### versions\n\nCloudStack: 4.22.1.0\nHypervisor: KVM (AlmaLinux)\nNetwork: Advanced networking\n\n### The steps to reproduce the bug\n\n1. Create an Isolated network (for WAN) and L2 network (for LAN)\n2. Go to Network → VNF Appliances → Add VNF Appliance\n3. Select a VNF template with NIC definitions\n4. Add networks on the Networks step\n5. Proceed to VNF NIC Mappings step\n6. All network dropdowns are disabled and cannot be clicked\n\n### What to do about it?\n\nRemove the `disabled` attribute from the a-select component in VnfNicsSelection.vue:\n\nBefore:\ndisabled=\"templateNics \u0026\u0026 templateNics.length \u003e 0\"\n\nAfter:\n(remove the line entirely)","author":{"url":"https://github.com/Gia-Bursulaia","@type":"Person","name":"Gia-Bursulaia"},"datePublished":"2026-06-05T18:59:57.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/13358/cloudstack/issues/13358"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:0ccee92c-588f-320a-6154-5a058c6a4917 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | BE9E:38D8C:F8B642:15826C0:6A4DF1B7 |
| html-safe-nonce | fcf4fe6666cfeae01febec0c6c19ee32d1b86a18d169fed41fd64bf3a01d9840 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJCRTlFOjM4RDhDOkY4QjY0MjoxNTgyNkMwOjZBNERGMUI3IiwidmlzaXRvcl9pZCI6Ijk5Nzc4OTI1MDQ1ODg3NDI5NSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | eb3af4dd1b7892fa8066b4afaf3c6ccce79bc75ad3eb10720d79dc85e0e8c48f |
| hovercard-subject-tag | issue:4599376193 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/apache/cloudstack/13358/issue_layout |
| twitter:image | https://opengraph.githubassets.com/053c198b9923a0ba0ef2631accb6de30a8d516f68df4efd490954bc965493c36/apache/cloudstack/issues/13358 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/053c198b9923a0ba0ef2631accb6de30a8d516f68df4efd490954bc965493c36/apache/cloudstack/issues/13358 |
| og:image:alt | problem The network selection dropdown in the VNF NIC Mappings step is permanently disabled, making it impossible to assign networks to NIC interfaces through the UI. VNF appliances can only be dep... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | Gia-Bursulaia |
| hostname | github.com |
| expected-hostname | github.com |
| None | 5818716c93c6a2925b815402541a32814e43a7b1261c322b0c2df75224289566 |
| turbo-cache-control | no-preview |
| go-import | github.com/apache/cloudstack git https://github.com/apache/cloudstack.git |
| octolytics-dimension-user_id | 47359 |
| octolytics-dimension-user_login | apache |
| octolytics-dimension-repository_id | 9759448 |
| octolytics-dimension-repository_nwo | apache/cloudstack |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 9759448 |
| octolytics-dimension-repository_network_root_nwo | apache/cloudstack |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | f4bb89367ca678f057d79b1abc45d6675b1bd5b2 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width