Code Monkey home page Code Monkey logo

Comments (13)

TheLever avatar TheLever commented on July 4, 2024 1

Works fine also.

from fluentui-blazor.

vnbaaij avatar vnbaaij commented on July 4, 2024

For the time picker we are actually falling back to the default browser component. Perhaps you are running into some issues with that input not being fully supported by the browsers you are using there (https://caniuse.com/input-datetime).

This is what I am seeing on my Edge Canary version:

timepicker

from fluentui-blazor.

TheLever avatar TheLever commented on July 4, 2024

I tend to disagree with the verdict here. Are you saying that Chome (which in March of 2024 had 65% of the market share) is not supported? By the way, I can repro this on Edge 125.0.2535.85

from fluentui-blazor.

TheLever avatar TheLever commented on July 4, 2024

And, also please confirm you're using server interactive render mode

from fluentui-blazor.

vnbaaij avatar vnbaaij commented on July 4, 2024

I'm not saying anything is not supported. I'm saying we are using a default browser component for this functionality.

I created a new project from our template as you described. Pasted your repro code and ran it (on Windows). As can be seen from the screengrab, it seems to work there as expected. And yes, that new project is using InteractiveServer. And yes it also works on Edge 125

from fluentui-blazor.

dvoituron avatar dvoituron commented on July 4, 2024

I used your code and got exactly the same result as Vincent.

peek

from fluentui-blazor.

TheLever avatar TheLever commented on July 4, 2024

It seems it reproduces only on Mac - I tried it on Windows, and there it seems to work. Maybe that warrants a deeper investigation if this is an OS related issue?

from fluentui-blazor.

vnbaaij avatar vnbaaij commented on July 4, 2024

I would say you just answered that this is an OS issue 😀. So as you obviously have a Mac to test on (which I don't), what happens when you use a plain <input type="time"/>? Do you observe the same behavior?

from fluentui-blazor.

TheLever avatar TheLever commented on July 4, 2024

Use a plain? What does that mean?

Given that it is an OS issue, isn't it something you'll have to investigate? Is saying this is unsupported on Mac an ok stance to take? I think the fact that it works fine if the render mode is not server interactive should point the issue at either Blazor in general or the Fluent UI, no?

from fluentui-blazor.

vnbaaij avatar vnbaaij commented on July 4, 2024

Oops, some html code got hidden. It is there now. I meant using a plain HTML input component.

The fact that is runs normally on Windows is in fact saying that this is not a library issue. We do not do anything special/different when it is being used on Mac. This leaves it as either a generic Blazor thing (issue should be raised in aspnetcore repo) or it is a browser issue (issue should be raised with Apple, I guess). Using a plain HTML input from both Blazor an maybe even a static HTML page should give an indication of where the issue lies.

Stop saying we are saying it is unsupported. We are not saying that. I'm just saying that that type of input is having issues on a Mac and I hope you understand our span of control is not like we can say to someone "go fix that".

from fluentui-blazor.

TheLever avatar TheLever commented on July 4, 2024

The simple <input type="time"/> works fine in both Chrome, Brave and Edge, both in a Fluent UI project and a standard Blazor project. It just does not look nearly as good as the FluentTimePicker does :)

from fluentui-blazor.

dvoituron avatar dvoituron commented on July 4, 2024

The problem may be linked to the FluentUI WebComponents used by our Blazor Lib.

Could you try this code on a Mac?

https://jsfiddle.net/dvoituron/azvjqbxh/

<!DOCTYPE html>
<html lang="en">
  <head>
    <script type="module" src="https://unpkg.com/@fluentui/web-components"></script>
  </head>
  <fluent-text-field type="time"></fluent-text-field>
</html>

from fluentui-blazor.

TheLever avatar TheLever commented on July 4, 2024

Sad to report that the same thing happens with the FluentSlider. You guys still feel this issue should remain closed?

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.