Why Valo button allows text overflow?

Vaadin 6 / 7 / 8
1

I go to Sampler, open Button page, set width for button 100px and just set Caption = Click Click Clck.
And I see that text overflows button (( How to deal with it ?

2

I
think
 this might be intentional, to make it easier to notice that the button is too narrow for its content during development. There should never be buttons whose text is clipped. However, if you wish to, you can use eg. the following CSS:

.v-button {
  overflow: hidden;
  text-overflow: ellipsis;
}
3

This solution leads to problems with focus state (incorrect box-shadow color and position).