Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

Items Double click

Ramzi Youssef
1 decade ago Apr 20, 2010 5:59pm

When you double click on an non editable table line's item (or a tree item, or menu item), you finish by selecting the text in place of the whole line, any plan to update this.

Jouni Koivuviita
1 decade ago Apr 21, 2010 7:31am

You could fix that yourself with CSS, using user-select: none; (plus all the vendor-specific versions of the same property, e.g. -moz-user-select: none;).

Charles Anthony
1 decade ago Apr 21, 2010 8:53am

user-select:none is a css hidden gem, cheers!

(Vendor specifics I've found are 

-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;

)

I don't suppose there's a similar thing for IE, is there? I can see that you've achieved it on (non-native) Buttons, but I haven't worked out how.

Cheers,

Charles.

Jouni Koivuviita
1 decade ago Apr 21, 2010 10:14am

Charles Anthony: I don't suppose there's a similar thing for IE, is there? I can see that you've achieved it on (non-native) Buttons, but I haven't worked out how.

My current belief is that IE8 would support -ms-user-select: none;, but I failed to find any proof to back it up.

The solution for IE (in versions 6 & 7 at least) is to use JavaScript to cancel the IE-proprietary onSelectStart event.

Charles Anthony
1 decade ago Apr 21, 2010 10:28am

Jouni Koivuviita:
My current belief is that IE8 would support -ms-user-select: none;, but I failed to find any proof to back it up.

I can't find any proof either, - and as it doesn't work, I'm afraid that belief is ill founded ;)
Below works on Chrome, FF, Safari, but not IE8...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
.no-selector{
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
</style>
</head>
<body>
<div>Here is some text that is selectable</div>
<div class="no-selector">Here is some text that is NOT selectable</div>
</body>
</html>
Ramzi Youssef
1 decade ago Apr 21, 2010 11:20am

@Charles:
I haven't MS Windows in my office, can you please make a try to:

mso-user-select:none;

in place of :

-ms-user-select:none;

Taken from: W3C

Charles Anthony
1 decade ago Apr 21, 2010 11:30am

Hi Ramzi,

OK - I tried that, and no... afraid not.

I think that we can conclude that currently, in IE, there is no way to disable user-selection via CSS

FWIW, here's a post listing all of the IE CSS Vendor Extensions in IE8.

Cheers,

Charles.

Ramzi Youssef
1 decade ago Apr 21, 2010 11:42am

Thank you Jouni for response.
Thank you Charles for testing.

To be continued... for M$-IE8 ;)

Thara Mediacept
1 decade ago Apr 21, 2010 11:58am

Hi,
this is a very interesting topic!
In my case I want to display my Tree nodes with no selectable caption;
therefore, I modified the style.css file to: 

.v-tree-node-caption div {
	white-space: normal;
	
	[b]/*added lines*/[/b]
        -khtml-user-select:none;
        -ms-user-select:none;
       -webkit-user-select:none;
	-moz-user-select:none;
	user-select: none;
	
	}

BUT no modification, the caption of different nodes are selectable!
can someone tell me where exactly can I modify the css file?

Last updated on Apr, 21st 2010
Jouni Koivuviita
1 decade ago Apr 22, 2010 8:03am

Thara Mediacept: BUT no modification, the caption of different nodes are selectable!
can someone tell me where exactly can I modify the css file?

Tried your CSS, works just as expected in Safari, Firefox and Chrome. Opera and IE fail to comply, they need JavaScript/GWT to prevent the selection.

Last updated on Apr, 22nd 2010
+1