Skip to main content


Eclipse Community Forums
Forum Search:

Search      Help    Register    Login    Home
Home » Eclipse Projects » Remote Application Platform (RAP) » CSS rule for Composite:hover does not include hover on child elements in RAP 3.0
CSS rule for Composite:hover does not include hover on child elements in RAP 3.0 [message #1720596] Tue, 19 January 2016 15:29 Go to next message
Christian Brugger is currently offline Christian BruggerFriend
Messages: 10
Registered: November 2013
Junior Member
Hi folks!

We have a Composite with 3 Labels on it, Hovering this Composite (including the Labels) with the mouse cursor should change the background-color of the Composite (Labels have transparent background).

In RAP 2.X setting up a CSS rule worked perfectly fine:
Composite:hover {
	background-color: red;
}


After migrating to RAP 3.0, hovering the Labels has no effect any more. Only hovering the Composite directly does change the background-color.

Is this a bug in RAP 3.0 ?
Is there any way to achieve such hover-effects with RAP 3.0 within CSS ?

Greetz,
Christian
Re: CSS rule for Composite:hover does not include hover on child elements in RAP 3.0 [message #1720600 is a reply to message #1720596] Tue, 19 January 2016 16:39 Go to previous messageGo to next message
Ivan Furnadjiev is currently offline Ivan FurnadjievFriend
Messages: 2426
Registered: July 2009
Location: Sofia, Bulgaria
Senior Member
Hi,
this issue has been already reported here:
482702: Child does not inherit "hover" CSS property from parent Composite
https://bugs.eclipse.org/bugs/show_bug.cgi?id=482702
I hope we will fix it for RAP 3.1.
Regards,
Ivan

--
Ivan Furnadjiev

Twitter: @EclipseRAP
Blog: http://eclipsesource.com/blogs/

Professional services for RAP and RCP?
http://eclipsesource.com/services/rap/
Re: CSS rule for Composite:hover does not include hover on child elements in RAP 3.0 [message #1720607 is a reply to message #1720600] Tue, 19 January 2016 17:46 Go to previous message
Christian Brugger is currently offline Christian BruggerFriend
Messages: 10
Registered: November 2013
Junior Member
Hi Ivan!

Thank you for quick answer.

As a workaround, setting "pointer-events: none;" to all children of the Composite - using JavaScriptExecutor - works for me. Although it's quite a hack and not really pleasant.

        RWT.getClient().getService(JavaScriptExecutor.class)
                        .execute("rap.getObject('" + WidgetUtil.getId(child)
                                + "').$el.css('pointer-events', 'none');");


Looking forward to RAP 3.1 ... Rolling Eyes

[Updated on: Tue, 19 January 2016 17:47]

Report message to a moderator

Previous Topic:FielDailog configuration for uploading?
Next Topic:Check spelling in RAP
Goto Forum:
  


Current Time: Fri Mar 29 09:31:29 GMT 2024

Powered by FUDForum. Page generated in 0.03671 seconds
.:: Contact :: Home ::.

Powered by: FUDforum 3.0.2.
Copyright ©2001-2010 FUDforum Bulletin Board Software

Back to the top