Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.

Bug 427828

Summary:

[Text] Loses focus on click in IE8

Product:

[RT] RAP

Reporter:

Stefan Milchram <stefan.milchram>

Component:

RWT

Assignee:

Project Inbox <rap-inbox>

Status:

RESOLVED FIXED

QA Contact:

Severity:

normal

Priority:

CC:

ivan, tbuschto

Version:

2.2

Target Milestone:

2.3 M2

Hardware:

All

OS:

Windows XP

Whiteboard:

Attachments:

Description	Flags
pic showing where you have to click	none
Snippet-plugin	none
Patch for 2.2-maintenance branch	none

Description Stefan Milchram

2014-02-10 12:50:44 EST

Consider a text-widget, no text in it, 200px wide.
Click into the text-widget at 10px width, it gains focus and you could type.
Now click on the same positon again, the text-widget loses the focus.
It happens on IE8, tested Chrome, Firefox and IE11, there it worked.

See attached screenshot and snippet for reproduction.

Comment 1 Stefan Milchram

2014-02-10 12:51:22 EST

Created attachment 239791 [details]
pic showing where you have to click

Comment 2 Stefan Milchram

2014-02-10 12:51:52 EST

Created attachment 239792 [details]
Snippet-plugin

Comment 3 Ivan Furnadjiev

2014-02-11 02:43:53 EST

I can reproduce the issue with the attached snippet. It is related to VML rendering of the glow effect. In the main Text widget div we have 3 inner divs: 2 with VML shapes and one with the actual input field. The second div with VML shape is the problematic one. Hiding it manually solves the problem. Maybe this second div is added by mistake. Tim, why the div with VML shape is duplicated? Is this by purpose?

Comment 4 Ivan Furnadjiev

2014-02-11 02:55:04 EST

The first div with VML looks like:
<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /><v:shape style="POSITION: absolute; WIDTH: 100px; HEIGHT: 100px; TOP: 0px; LEFT: 0px; antialias: true" coordsize = "1000,1000" filled = "t" fillcolor = "white" stroked = "t" strokecolor = "#aaa" strokeweight = ".75pt" path = " m0,0 l11750,0,11750,300,0,300 xe"><v:fill type = "solid" method = "sigma"></v:fill></v:shape>

The second div with VML looks like: (problematic one)
<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /><v:shape style="POSITION: absolute; WIDTH: 100px; HEIGHT: 100px; TOP: 0px; LEFT: 0px; antialias: true" coordsize = "1000,1000" filled = "f" stroked = "f"><v:fill type = "solid" method = "sigma"></v:fill></v:shape>

Comment 5 Tim Buschtoens

2014-02-11 05:32:00 EST

I can not reproduce it in an emulated IE8. The two different shapes are likely for inset and outset shadow each. A good idea could be to set the background of the input element to an transparent gif. We do that in some other places to prevent clicking "through" the element. If it helps it could also be done with a global CSS rule.

Comment 6 Ivan Furnadjiev

2014-02-11 11:28:01 EST

Created attachment 239831 [details]
Patch for 2.2-maintenance branch

Comment 7 Ivan Furnadjiev

2014-02-11 11:29:00 EST

Fixed in master with change https://git.eclipse.org/r/21815

Comment 8 Stefan Milchram

2014-02-12 08:53:43 EST

Tested, works.
Thank you very much for the quick fix.