Chrome & Edge & Firefox - calendar control not showing anymore

MESSI wrote

Anyone experienced this? Thank you.

Yes, I experienced the same issue.
I changed the theme to "(Default)" and the date picker reappeared.

I was going to report this today, but you beat me to it.
I finally figured out what was happening today.

This started happening as early as last Friday.
Some machines would look fine, while others are missing the date icon on a date field with a date picker.
Of course, if you had plenty of screen space, and your field was already "wide", then you wouldn't even notice this.
Fields of 165px show a tiny sliver of the icon, making it still useful. But 130px would have no icon. Its some math/rounding error somewhere. As the field gets wider, the error diminishes and all looks normal.

NOTE: It is def. not an aware issue. I examined the XML that generates forms (in chrome) and also the Elements & Styles code in chrome explorer and it was identical EXCEPT for the width of the Date <input date control.

This is related to the latest version of Chrome 127.XXX (plus Edge, firefox is affected)

The issue
If you put a date field on the screen, that’s either 12 symbols or 120 pixels wide, let’s say, not overly large but barely wide enough to fit,
Then some algorithm somewhere in either Chrome or Kendo is oversizing the <input > portion.
If you want 125 pixels for your date control, the input field is actually 100, and the icon is 25.
But after the update, the field ends up being the full width, 125 pixels, and it’s covering the date picker.
Using an example of a field set to 125 pixels,
In chrome explorer if you select the input field, you can add a statement width: 100px
And the date picker icon will be revealed.
And it’s fully functional.

This was very perplexing.
As I had two customers report “missing calendars" on the same day.
But it wasn’t happening to me on my office Mac Chrome, and it wasn’t happening on three other windows PCs I tried.
15 users in one office were affected, 5 not affected… Now we realize it’s because they have not relaunched chrome to apply the update, or they do not have automatic updates enabled.

Solution number 1.
Is to roll back chrome. Instructions on Google.

Solution number 2.
Modify your app and widen the date field on screens.
I had to set all my Fields to Width 180px (20 symbols is not enough) to where they look normal again, although the date control is grotesquely long/wide. But it was easier than rolling back PCs to prev version.

MESSI wrote

I really hope would be an easier solution for this.

1. I cannot suggest to all my users to roll back. They are most of them non-technical.
2. Modifying the fields is not a solution. Too many forms and apps to modify.

then you're kinda screwed.
until this issue rises to Google, or Kendo.

Yes, saw this in edge also... so that points to Kendo?

PS _ please modify your original post pointing to the SOLUTION post

I have quickread through this post and think I understand the problem and if the problem is as I assume a CSS issue and/or something that CSS can fix, then you can just add some override CSS in your custom folder (s) for your apps and that then apply globally i.e all forms etc. etc. which means you only do this one change and it fixes it until Kendo or whoever actually fixes the core issue.

MESSI wrote

I am confirming that this is not related to any custom CSS of mine.
All devs will be affected when:
Chrome updates to: 127.0.6533.89
Edge updates to: 127.0.2651.74

Firefox updates to: 128.0.3

Opera is not affected

Tested this in sample app CRM - form ”Editing” of ”Customer” object
Attribute Date Of Birth changed to 150px --result - date picker not shown:
Screenshot_170.jpg

Changing the field to 220px the date picker is shown.

Screenshot_171.jpg

Again, I think this is a CSS issue that can also be fixed via CSS. I for example tried the datepicker in the CRM sample application as you did in your screenshots and I got the same problem but I don´t get this in my own applications which means it IS a CSS/theme issue of some kind. Tinker and try to find what exactly the issue is and again do some override CSS and if you can´t find the issue, ask support and they can help you (and they probably should/will look at this in any case and do a fix directly in Aware until this gets properly fixed by Kendo).

MESSI wrote

Jaymer, I have retested your solution to change the size and for me 220px works, but forms on small screens looks messy.

Yes
That’s why I said “ grotesquely large “
The only way for icon to appear is to have a field that is way oversized, and now can waste a lot of room on your forms, especially if they’re tightly packed

MESSI wrote

@Support, please review this. Thank you.

Just so you know, this does nothing in this software.
He will not get a notification.
It’s not a proper “tag “

I believe there is a plugin in for PHPBB which will do this, but it’s not used On this site.
People DO get a notification if you Quote them in a thread that they have already posted In

I was expecting the update already - this is kind of a critical bug.
But maybe coming today?
If there's a delay its because its its not easily fixed?

If its not in underlying libraries used by the OS (multiple browsers affected), then its got to be Kendo or Aware, right?
I'm pretty sure its not in the XML form data coming from the server.
It could be in aware.js, or kendo.all.min.js

It would be nice if a simple/quick fix would be to update a solo .js file.

This issue is related to the latest Chrome update - they must have changed how the browser works with certain aspects of Flex layouts.
We have managed to work around the issue in Aware IM and we will issue a new build with the fix - either later today or tomorrow morning.

How is it that it happened in three different browsers?… Basically at the same time.

Chrome and Edge is basically the same browser under the shell - Chromium.

Firefox on the other hand is a completely different engine, so that is strange indeed.

Jaymer wrote

How is it that it happened in three different browsers?… Basically at the same time.

The issue is an CSS issue and if the overarching CSS "framework" (however that works) changes how a CSS "rule" applies e.g flex, that would explain it happening in all browsers at once (as all browser are expecting it the way it worked before the change). Not sure this is the actual reason but could very well be.

We have release build 3272 where this problem should be fixed.

MESSI wrote

I have tested my apps from multiple system clients/browsers.
Result:

1. On old chrome/edge/Firefox (not updated) - the date picker is showing.
2. On newest Chrome/Edge/Firefox - the date picker is not showing.

Messi
Anxiously awaiting your testing results.
Did the latest build fix the issue?
J