Dynamically resize window based on content

[JacksStuff0905]

I have just started using eww and I wanted to show a simple widget that resizes to fit the label that is inside. This is the eww.yuck file for doing that:

(defwidget audio_layout []
  (box
    :hexpand true
    :vexpand true
    (label :text "Volume:")))

(defwindow audio
  :monitor 0 ;; Optional for X11
  :hexpand true
  :vexpand true
  (audio_layout))

The problem is that the widget shows as a tiny box containing only ... (which I'm guessing is a truncated version of the label) and the only way to fix it is to set a constant width with the :geometry property or via CSS.

Is this the intended behavior or am I missing something?

[Chromactive]

Sorry for the necro posting, but I just found this question and wanted to give a proper answer. This issue is that labels, by default, will truncate text that does not fit within the width constraints of the label. Since nothing in the widget tree you provided enforces a constant width constraint, the label tries to fit the text within a box with width 0 (or a very small value, at least), which it can't for strings with more than one character, so the text gets truncated. I found two fixes for this:

1. Set a width constant width constraint somewhere in the widget tree, not necessarily on the :geometry property:

(defwidget audio_layout []
  (box
    :hexpand true
    :vexpand true
    :width 75 ;Should be enough to render the text
    (label :text "Volume:")
  )
)

(defwindow audio
  :monitor 0 ;; Optional for X11
  :hexpand true
  :vexpand true
  (audio_layout)
)

2. Set the show-truncated property in the label widget to false, as this will force the label to render the entire text, thus automatically expanding the width of the entire widget

(defwidget audio_layout []
  (box
    :hexpand true
    :vexpand true
    (label :text  "Volume:" 
               :show-truncated false)
  )
)

(defwindow audio
  :monitor 0 ;; Optional for X11
  :hexpand true
  :vexpand true
  (audio_layout)
)