GWT TabLayoutPanel not allow text selection on tabs

Question

Hi is there a way to not allow text selection on tabs for GWT TabLayoutPanel (and other gwt widgets)?

I tried to use css like:

.gwt-TabLayoutPanel {
    user-select: none;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
    user-select: none;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
    user-select: none;
} 

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
    user-select: none;
} 

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
    user-select: none;
}

Thanks!

try it on gwt-TabLayoutPanelTabInner with this values: -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; — deterministicFail, Mar 26 '15 at 07:50

score 0 · Accepted Answer · edited May 23 '17 at 12:12

0

This has already been answered: look here

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

for IE < 10 and opera:

<div id="foo" unselectable="on">...</div>

edited May 23 '17 at 12:12

Community

1
1

answered Mar 26 '15 at 08:26

Tobika

1,037
1
9
18

thanks, this answered me, i was only putting user-select: none; – Mar 26 '15 at 14:23
i had seen the other parts like -webkit-touch-callout: none; but i didn´t realize they were also required. Thanks! – Mar 26 '15 at 14:23

GWT TabLayoutPanel not allow text selection on tabs

1 Answers1