Code Monkey home page Code Monkey logo

Comments (11)

martinbu avatar martinbu commented on June 25, 2024 1

I have seen the issue yesterday and did a quick debugging session but could not identify the the root cause yet.
What I have seen is that the LoadFilteredItemsAsync is called but always had a Count of zero in ItemsProviderRequest. Therefore, no options are returned... It seems that the Virtualize component calculates (OnBeforeSpaceVisible and OnAfterSpacerVisible) that there is no space to render the content. When setting the breakpoint during a debugging session at the correct point, the options also appear. Therefore, I think it is a timing issue. So in chromium based browsers the area to render the list is present before the space calculation. In Firefox the calculation is done before the "area to render" is available.

But that is currently a vague assumption. I haven't had time to look at it in detail yet.

from fluentui-blazor.

dvoituron avatar dvoituron commented on June 25, 2024

Not really ;-)

image

from fluentui-blazor.

vnbaaij avatar vnbaaij commented on June 25, 2024

Closed as not reproducible

from fluentui-blazor.

MarvinKlein1508 avatar MarvinKlein1508 commented on June 25, 2024

@vnbaaij I've checked again. It works in Edge for me but not in Firefox

from fluentui-blazor.

vnbaaij avatar vnbaaij commented on June 25, 2024

Re-opening. Please mention those kind of details next time. Helps triaging.

from fluentui-blazor.

dvoituron avatar dvoituron commented on June 25, 2024

This is due to Virtualize="true", but at the moment I don't know why it's OK with Edge but not with Firefox.

from fluentui-blazor.

joriverm avatar joriverm commented on June 25, 2024

@dvoituron : just gave this a go in firefox as it is my main browser. im getting a warning in the console when loading the page, saying it can't load a script :
Loading failed for the <script> with source “https://www.clarity.ms/tag/hnr14wvzj8”. [Autocomplete:1:1](https://www.fluentui-blazor.net/Autocomplete). maybe related?
nvm, has to do with the firefox setting to stop content tracking

if not, i took a look at the DOM and it appears that the popup isn't getting filled in with fluent-option elements
image

from fluentui-blazor.

dvoituron avatar dvoituron commented on June 25, 2024

Yep. Clarity is not linked to this problem.

I've seen that the "virtualization" part (this DOM) isn't filled in with Firefox. But I don't know why at the moment.

from fluentui-blazor.

dvoituron avatar dvoituron commented on June 25, 2024

@martinbu Any idea why this problem only occurs with Firefox?

from fluentui-blazor.

hevilhuy avatar hevilhuy commented on June 25, 2024

image
Reproduced with the latest FireFox

from fluentui-blazor.

dvoituron avatar dvoituron commented on June 25, 2024

Maybe related to this issue? dotnet/aspnetcore#44357

from fluentui-blazor.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.