🐞 Bug - RadzenLink cannot be clicked in Popup #1706

New Issue

claunia · 2026-01-29T17:57:32Z

claunia commented

2026-01-29 17:57:32 +00:00

Originally created by @Jord-Gui on GitHub (Apr 9, 2025).

Describe the bug
When putting a RadzenLink component inside a Popup component, the link does not navigate

To Reproduce

Go to https://blazor.radzen.com/popup?theme=material3
Modify the first example with the below code

@using RadzenBlazorDemos.Models.Northwind
@using Radzen.Blazor.Rendering

<style type="text/css">
    .my-popup {
        display: none;
        position: absolute;
        overflow: hidden;
        height: 360px;
        width: 600px;
        border: var(--rz-panel-border);
        background-color: var(--rz-panel-background-color);
        box-shadow: var(--rz-panel-shadow);
        border-radius: var(--rz-border-radius)
    }
 </style>

<RadzenLink Text="Test" Path="https://www.google.com" target="_blank" />

<div class="rz-p-12 rz-text-align-center">
    <RadzenButton @ref=button Text="Select order" Click="@(args => popup.ToggleAsync(button.Element))" />
</div>

<Popup @ref=popup Lazy=true class="my-popup">
    <RadzenStack Orientation="Orientation.Vertical" Gap="1rem" class="rz-h-100 rz-p-4">
        <RadzenLink Text="Test" Path="https://www.google.com" target="_blank" />
    </RadzenStack>
</Popup>

@code {
    RadzenButton button;
    Popup popup;
    RadzenDataList<Order> dataList;
    IEnumerable<Order> orders;
    int? orderId;
    string searchString = "";
}

Run the code
Click on "Select Order" button
Click on "Test" URL
Bug

Note: If you click on the "Test" URL outside of the popup, it still works

Expected behavior
When you click on a link in a Popup, you navigate to the link

Screenshots

Figure: Link in popup

Desktop (please complete the following information):

OS: MacOS
Browser: Chrome
Version:

Additional context
Add any other context about the problem here.

Originally created by @Jord-Gui on GitHub (Apr 9, 2025).  **Describe the bug** When putting a `RadzenLink` component inside a `Popup` component, the link does not navigate **To Reproduce** 1. Go to https://blazor.radzen.com/popup?theme=material3 2. Modify the first example with the below code ``` @using RadzenBlazorDemos.Models.Northwind @using Radzen.Blazor.Rendering <style type="text/css"> .my-popup { display: none; position: absolute; overflow: hidden; height: 360px; width: 600px; border: var(--rz-panel-border); background-color: var(--rz-panel-background-color); box-shadow: var(--rz-panel-shadow); border-radius: var(--rz-border-radius) } </style> <RadzenLink Text="Test" Path="https://www.google.com" target="_blank" /> <div class="rz-p-12 rz-text-align-center"> <RadzenButton @ref=button Text="Select order" Click="@(args => popup.ToggleAsync(button.Element))" /> </div> <Popup @ref=popup Lazy=true class="my-popup"> <RadzenStack Orientation="Orientation.Vertical" Gap="1rem" class="rz-h-100 rz-p-4"> <RadzenLink Text="Test" Path="https://www.google.com" target="_blank" /> </RadzenStack> </Popup> @code { RadzenButton button; Popup popup; RadzenDataList<Order> dataList; IEnumerable<Order> orders; int? orderId; string searchString = ""; } ``` 3. Run the code 4. Click on "Select Order" button 5. Click on "Test" URL 6. Bug Note: If you click on the "Test" URL outside of the popup, it still works **Expected behavior** When you click on a link in a Popup, you navigate to the link **Screenshots** <img width="1626" alt="Image" src="https://github.com/user-attachments/assets/40eb901f-fc63-4d10-a8f5-886260faa920" /> **Figure: Link in popup** **Desktop (please complete the following information):** - OS: MacOS - Browser: Chrome - Version: **Additional context** Add any other context about the problem here.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1706