letter-spacing does not work properly.

[daricoder]

The CSS letter-spacing property adds spacing above and below when more than one word is used. If I remove the letter-spacing property, everything works correctly.

https://github.com/Aylur/dotfiles/assets/64455469/31b5d842-8c1c-4f0d-8fa3-7cb0bdcdf0fe

[Aylur]

No idea why it happens, It seems like to only happen if the label is set with Variable.bind, but if the variable changes value it works correctly after that, if I use .hook instead it seems to work

Label({
  label: 'test test', // works
  label: variable.bind() // causes the issue
  setup: self => self.hook(variable, () => {
    self.label = variable.value // seems to work
  })
})

[daricoder]

Yeap! it seems that the label widget has to be initialized with some value. Since if I use Widget.Label().bind() or hook() the problem also occurs but it is solved by initializing the label property. I also tried Widget.Label({setup: .....}) and it works only if the initialized label property is given to a value other than empty.