When using UIButton.Configuration it's impossible to limit number of lines of the button's title label

Question

Created Jan ’22

Replies 3

Boosts 0

Views 3.6k

Participants 5

Up until iOS 15 it was possible to set maximum number of lines of the UIButton titleLabel property, but when UIButton.Configuration is used to configure button's properties setting the titleLabel?.numberOfLines to any value is always ignored and reset after assigning text to configuration.

See the short piece of code below:

import UIKit

let button = UIButton(configuration: .plain())

button.titleLabel?.numberOfLines = 1

print("Lines: \(button.titleLabel?.numberOfLines ?? 999)") // <- prints "Lines: 1"

var buttonConfiguration = button.configuration

buttonConfiguration?.title = "Any text"

button.configuration = buttonConfiguration

print("Lines: \(button.titleLabel?.numberOfLines ?? 999)") // <- prints "Lines: 0"

Even if you set the numberOfLines to 1 it is ignored and the button renders one, or more lines of text.

I think it's a bug, there is no compiler warning about accessing the titleLabel property, as there is with imageEdgeInsets for example. If you access that one Xcode gives you a warning

'imageEdgeInsets' was deprecated in iOS 15.0: This property is ignored when using UIButtonConfiguration

If modifying titleLabel directly there should be a warning as well, but if that's the case, the UIButton.Configuration is seriously lacking some features, like setting maximum number of lines, or even a font (this can be done via AttributedString but setting font is so common that constructing AttrbitutedString every time the title is changed feels so wrong and unnecessary)

For the time being I'm forced to use the legacy button customisation

Boost

Answer 1

joemer123 OP

Jul ’23

Bumping this up, I think this is still an issue. Is there any way around this? If we use attributedString, how do set number of lines?

0

Answer 2

bt-brad OP

Oct ’23

I'm also running into this issue, setting the UIButton's .configuration property prevents us from having a single line button with a truncated tail.

0

Answer 3

Hutr0 OP

Nov ’23

If you are using Button.Configuration, then to limit the number of rows to 1 you need to do the following:

var conf = UIButton.Configuration.plain()
conf.titleLineBreakMode = .byTruncatingTail
let button = UIButton(configuration: conf)

0