Comments (13)
Works fine also.
from fluentui-blazor.
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:
from fluentui-blazor.
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.
And, also please confirm you're using server interactive render mode
from fluentui-blazor.
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.
I used your code and got exactly the same result as Vincent.
from fluentui-blazor.
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.
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.
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.
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.
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.
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.
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)
- fix: NotFound component not rendering when included in Routes component in Blazor Hybrid App. HOT 1
- fix: TimePicker flickers in InteractiveServer rendermode HOT 5
- [FluentTextArea] When the input data is too large, it will automatically disconnect and lose data HOT 1
- fix: Value "[object Object]" is set to css variable when using WithDefault/ToSwatch HOT 2
- DataGrid - Allow Render Fragment to override Filter and Sort Icons HOT 2
- fix: SelectAll State in DataGrid
- Response DataGrid Columns HOT 2
- Side effect to blazor.server.js when run with WPE/COG browser on Raspberry Pi 4 HOT 15
- fix: FluentDataGrid with ResizableColumns allows sortable column resize handle to be covered by adjacent column header HOT 7
- Fluent Paginator with remote data HOT 1
- FluentTreeView is collapsing and expanding continuously if we click on expand button 2 to 3 times HOT 2
- FluentMultiSplitter incorrect fixed pane size HOT 19
- fix: ToastResult is null in OnPrimaryAction / OnSecondaryAction HOT 2
- fix: Fullscreen property not working in FluentOverlay HOT 3
- fix: FluentNavMenu jams HOT 1
- feat: Request for Reporting feature HOT 1
- fix: custom loading indicator in data grid HOT 1
- The option to link external auth to registered user in ExternalLogins.razor page in Components/Account/Manage is not working HOT 9
- feat: Add Toggle Group to Button HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fluentui-blazor.