search

fredsa / gwt-dnd

Library providing easy to use mouse or touch based drag-and-drop capabilities to GWT
42 stars 41 forks source link

When I am adding the gwt-dnd jar to my project then all default gwt css classes dissapear from IE. #144

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1. Embade gwt-dnd jar in the project
2. See that some css classes does not have effect on the html div's.

Original issue reported on code.google.com by odde...@gmail.com on 2 May 2011 at 5:31

GoogleCodeExporter commented 9 years ago 
Do you have a small test case?

Are you sure you are inheriting
   <inherits name='com.google.gwt.user.User' />

Original comment by fredsa@google.com on 6 May 2011 at 8:21

GoogleCodeExporter commented 9 years ago 
After a second look, the problem is with "imports" of css in the main css file.
When adding the dnd jar to the project IE 7 ignored my imports.
If I include the file content itself instead of the import line, in the 
main.css file
then it works ok.

My final solution (currently), is to have direct css links in the index.html 
file
instead of the imports in the main.css file.

Original comment by odde...@gmail.com on 8 May 2011 at 7:29

GoogleCodeExporter commented 9 years ago 
Glad you figured it out

Original comment by fredsa@google.com on 9 May 2011 at 4:16

GoogleCodeExporter commented 9 years ago 
I came across this issue as well. However, the solution to remove the @imports 
and instead link each css-text file itself wasn't satisfiable (can't exactly 
remember the reason why).

Our solution was to create a separate css-file specially for gwt-dnd and let it 
use this css-file by referring this file as the first stylesheet (we called it 
'gwt-dnd.css' and it's just a file with only comments about this issue :)). So 
in your html-page:
...
<head>
  <link rel='stylesheet' type='text/css' href='gwt-dnd.css'> <!-- this should be the first so that gwt-dnd modifies this file instead -->
...

The part which seemed to trigger this error in IE (i.e. ignoring the @imports 
inside) is where StyleInjector uses 'style.cssText += contens' on the first 
imported css-file found. Since this file now would be the empty gwt-dnd.css 
which doesn't have any @import-rules, no rules would be broken by this.

However, I think that this particular problem should be addressed somewhere in 
the docs or maybe fixed by letting gwt-dnd create a new <link>-attribute, 
referring to a special gwt-dnd.css and modifying that file, since it took us 
many hours before we pinpointed the problem and found a satisfiable solution.

What are your thoughts on this?

Original comment by fibbers@gmail.com on 24 Jun 2011 at 2:02