JavaFX TabPane title OverrunStyle

Question

I have a TabPane like below,

I want the text to be clipped at close button, similar to how browsers display the title like below.

I have tried css , -fx-text-overrun: clip; in .tab-pane and .tab class but not working as expected.

How can i achieve this?

Answer 1

I am able to achieve the required L&F by setting the Label preferred width.

.tab-label {
    -fx-pref-width : 150px;
}