UI BUG (windows): clear button in date input

💬 App Building
1

image
image1110×810 64.1 KB

  1. Goal:
    Report and fix the issue with the missing “clear” (X) icon in date input fields.

  2. Issue:
    The “X” (clear) icon does not appear in input fields of type date, even when a value is present. This issue only occurs on the Windows platform.

  3. Steps taken to troubleshoot:
    – Tested on different operating systems (issue only on Windows)
    – Reloaded the page
    – Tried different browsers

  4. Additional info:
    – The issue affects only input[type="date"] fields
    – Occurs on Windows devices only
    – Screenshot attached for reference

3

Hello @Yevhen_Shvets,

Apologies for the issue. Thank you for sharing the details and screenshot. It looks like the X is being pushed to the right of the date input field.

I just tested out a date input component inside a form component (I am guessing that is your set up, correct me if I am wrong). Using the chrome browser on a windows laptop and there do not seem to be any grey X symbols(event for a text input component, which display correctly in your screenshot).

image0 (1)
image0 (1)1920×2560 312 KB

Let me know if I am missing any steps or using incorrect components. Once I reproduce this I can send a bug report to our UI engineer team to fix this!

4

@Jack_T
“X means clearing the input, i.e. the component has a ‘Show clear button’ property.”

image
image746×1316 53.7 KB

5

Ah thank you for sharing that!

I was able to reproduce the behavior and will be filing a bug report ticket for this right now.

I just tried changing the 'Margin' under 'Spacing' to be 'None' instead of 'Normal' and it appears to fix the issue!

I will still file a bug report as the default spacing being set to normal will definitely confuse users.