这款应用运行得很好(除了从一个小窗口运行时速度很慢),但每当加载新页面时,页面上的元素都无法识别鼠标(例如,当光标悬停在可点击的元素上时,光标不会改变),直到用户点击页面内的某个位置.我不知道我会在这里包括什么代码来澄清,但我很高兴添加任何任何人认为会有帮助的代码.这可能与我对大多数元素使用MudBlazor有关. 你可以看到here的效果

按要求添加:这是应用程序栏

    <MudText Typo="Typo.h3" Class="ml-3 clickable" @onclick="ReturnToIndex" Style="margin-right:10px;font-weight:bold;font-family:'Times New Roman', Times, serif">RecipeAZ</MudText>
    @if (User?.Id == "02174cf0–9412–4cfe - afbf - 59f706d72cf6") {
        <MudIconButton Icon="@Icons.Material.Filled.FileUpload" OnClick="@_jsonDbService.ExportToJson"/>
        <MudIconButton Icon="@Icons.Material.Filled.FileDownload" OnClick="@_jsonDbService.ImportFromJson" />
    }        
    <MudSpacer />
    <MudGrid Spacing="1" Justify="Justify.FlexEnd">
        <MudItem>
            <MudIconButton Icon="@Icons.Material.Filled.Search" Size="Size.Large" Style="margin-right:0px"
                OnClick="GoToSearch" />
        </MudItem>
        <MudItem>
            <MudAutocomplete T="string" Variant="Variant.Text" DisableUnderLine="true" Margin="Margin.Dense" Label="Search Recipes"
                Style="margin-left:0px;margin-right:0px;width:300px;background-color:#fff1ce;border-radius:6px"
                @bind-Text="_searchValue" SearchFunc="SearchRecipes"
                ResetValueOnEmptyText="true" CoerceText="false"/>
        </MudItem>
        <MudItem Class="vcenter mr-5">
            <MudButton Size="Size.Small"
                @onclick="() => GoToBrowse()">
                Advanced search
            </MudButton>
        </MudItem>            
        <MudItem Class="vcenter">
            <AuthorizeView>
                <Authorized>
                    <MudButton Class="mr-5" OnClick="NewRecipe" Variant="Variant.Outlined">+New Recipe</MudButton>
                </Authorized>
            </AuthorizeView>
        </MudItem>
    </MudGrid>
    <MudSpacer />
    <LoginDisplay />
</MudAppBar>

我突然想到有两个布局,一个是我与MudBlazor一起编写的,另一个我认为肯定是在我添加身份脚手架时引入的.我认为后者只有在与账户相关的剃须刀页面上才有意义,但其中的元素在所有页面上都是看不见的.所以在App.Razor中,我有

<RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />

然后在Pages文件夹中有_ViewStart.cshtml,它具有

@{ Layout = "/Pages/Shared/_Layout.cshtml"; }

在我看来,这可能是罪魁祸首. 更新:好的,我将_ViewStart移到了Pages/Account文件夹中,这确实从与帐户无关的页面中删除了_Layout.cshtml元素,但没有改变点击行为.

推荐答案

换掉你的MudAutocomplete美元 从@bind-Text@bind-Value

<MudAutocomplete T="string" Variant="Variant.Text" DisableUnderLine="true" Margin="Margin.Dense" Label="Search Recipes"
                Style="margin-left:0px;margin-right:0px;width:300px;background-color:#fff1ce;border-radius:6px"
                @bind-Value="_searchValue" SearchFunc="SearchRecipes"
                ResetValueOnEmptyText="true" CoerceText="false"/>

存在从MudAutocomplete分量产生的覆盖层.因为不正确的绑定.

The default behaviour for the overlay is to be visible and only disappear once clicked. browser tools screenshot

.net相关问答推荐

无法在Ubuntu 22.04.3上运行带有Rider 2023和DotNet-8.0的项目

获取Ef-Core集合的DeleteBehavior

如何从 tshark 的 stderr 捕获实时数据包计数?

Blazor服务器应用程序需要在页面上点击才能与元素交互

NET 6:控制器方法不可访问

为什么这个同步运行的异步睡眠会挂起?

您如何确定两个 HashSet 是否相等(按值,而不是按引用)?

单击关闭按钮时隐藏表单而不是关闭

Style 和 ControlTemplate 的区别

ReaderWriterLock 与锁{}

如何使用 log4net 记录跟踪消息?

.net 服务总线建议?

如何将 UI Dispatcher 传递给 ViewModel

如何在不丢失数据的情况下重命名 Entity Framework 5 Code First 迁移中的数据库列?

多个添加的实体可能具有相同的主键

C#As的 VB.NET 类似功能

为什么 Roslyn 中有异步状态机类(而不是 struct )?

SqlCommand.CommandTimeout 和 SqlConnection.ConnectionTimeout 有什么区别?

我可以将构造函数参数传递给 Unity 的 Resolve() 方法吗?

LINQ 可以与 IEnumerable 一起使用吗?