Some odd Webkit rendering of xe:djDateTextBox

A colleague of mine ran into an odd rendering bug with xe:djDateTextBox when using OneUI v3.0.2 in an XPages app. Specifically, in Webkit, the dropdown arrow appears all the way on the right side of the page, rather than inside the box:

It appears fine in Firefox, but it’s consistent between Safari and Chrome, at least on the desktop. I was able to fix it with a bit of CSS (though I haven’t tested it in a larger app):

.dijitDateTextBox { position: relative; padding-right: 2em !important }

Then I applied that via a selectively-rendered CSS resource:


So that seemed to work around it, but it still seems like a strange bug. In any event, I wasn’t sure where to report this, so I picked here!

Subject: RE: Some odd Webkit rendering of xe:djDateTextBox

Makes sense - I figured the case would be something like that. Thanks!

Subject: Using OneUI 3.0.2…

Please read the following statement around use of the new OneUI 3.0.2 theme: Link Notes://iris2/85257B35003DD001/3871784A95EDCCF985257512005E16E4/F73FA6C370AEC02085257B4400367763