So this is kinda interesting but unfortunately I don't know how to fix it.
For some reason, LANSA seems to be rendering numeric types as telephone numbers.
If you look at the rendered HTML you for the input you see
Code: Select all
<input tabindex="0" style="background: rgba(0, 0, 0, 0); border-width: 0px; padding: 0px; left: 3px; top: 1px; width: 112px; height: 19px; text-align: left; color: rgb(48, 48, 48); font-family: verdana,verdana; font-size: 9pt; font-style: normal; font-weight: normal; text-decoration: none; white-space: normal; position: absolute; cursor: text; -ms-overflow-x: auto; -ms-overflow-y: auto; box-sizing: border-box;" spellcheck="false" type="tel">
Notice the type=tel. I've never noticed this before as I mostly use Chrome and it does not show the decorations, but it looks like every numeric type is rendered using this type.
Here is a STD_NUM Field rendered in Chrome
Code: Select all
<input spellcheck="false" type="tel" tabindex="0" style="padding: 0px; white-space: normal; background: rgba(0, 0, 0, 0); position: absolute; overflow: auto; box-sizing: border-box; border-style: none; outline: none; border-width: 0px; cursor: text; resize: none; left: 3px; width: 198px; height: 19px; text-align: left; font-family: verdana, verdana; font-size: 9pt; font-weight: normal; font-style: normal; text-decoration: none; top: 1px; color: rgb(48, 48, 48);">
And a STD_INT Field rendered in Chrome
Code: Select all
<input spellcheck="false" type="tel" tabindex="0" style="padding: 0px; white-space: normal; background: rgba(0, 0, 0, 0); position: absolute; overflow: auto; box-sizing: border-box; border-style: none; outline: none; border-width: 0px; cursor: text; resize: none; left: 3px; width: 93px; height: 17px; text-align: left; font-family: verdana, verdana; font-size: 9pt; font-weight: normal; font-style: normal; text-decoration: none; top: 1px; color: rgb(48, 48, 48);">
Browsers are now responding to these types in different ways by rendering a "decoration" when the field is focused. A type of "tel" will render the X, and a type of "number" will render the "up/down" arrows when it is focused.
To make matters, more confusing, some browsers will render the decorations and some will not, as you are experiencing with Chrome and IE.
Gotta love web development.
https://developer.mozilla.org/en-US/doc ... /input/tel
The only way I know how to fix it is to not include the type on the input, but I don't think LANSA allows us to do that.
If its a really big issue for you, you could create a widget to display a normal input and use it in place of the Field on your UI.
There may be some other ways using Javascript to remove the type attribute, but that is likely more trouble than its worth.
Perhaps someone from LANSA can comment on this?
BTW: It would be really nice to tag someone on these forums, Danny Yoorburg may be able to shed some light on it.
