VLWEB REMOVE "X" ICON BESIDE A FIELD ON IE

[ArnoldAvancena]

Is there a way to remove the "X" Icon on Fields?

I am only encountering this issue when I run my site on IE.

X ICON.PNG (2.07 KiB) Viewed 16233 times

Chrome works fine. It doesn't show any X Icon beside the field.

Chrome.PNG (1.55 KiB) Viewed 16233 times

[jyoung]

What Field type are you using?

[ArnoldAvancena]

It's a SIGNED(6,0) Type of Field

FIELD TYPE.PNG (4.26 KiB) Viewed 16205 times

[jyoung]

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.

[dannyoorburg]

Hi,

Of course LANSA people look at the forum

type="tel" gave us the correct keyboard on mobile without interfering with the UI.

The 'X' is not related to type="tel". It is just something that IE/EDGE do on input elements.

Danny

[Stewart Marshall]

The "Clear" button on inputs in IE is miserable, but you're kinda stuck with it I think.

https://developer.mozilla.org/en-US/doc ... :-ms-clear