FAB button image not showing after init

[0xTomDaniel]

I have created a FAB button using fabButton = FABButton(image: Icon.cm.add, tintColor: Color.grey.darken3) but the image does not display until the button is touched.

I have tried setting the image outside of init which still does not work.

[daniel-jonathan]

Would you be able to send me a sample showing this? Is this tested on the simulator or device? What version of Material are you using? Thank you!

[daniel-jonathan]

Hey! I haven't heard from you. When you have a sample project reproducing the issue, please reopen this. Thank you!

[0xTomDaniel]

Here is a xcode project that I created that reproduces this issue: https://github.com/tomdaniel0x01/fab-menu-bug

I am using Material (2.12.1) and it happens on both the simulator and the device.

[daniel-jonathan]

Thank you! I will take a look :)

[daniel-jonathan]

@tomdaniel0x01 So I found the bug. The issue arises because the size is being set after the left and bottom positioning. I am looking into it. You can workaround this issue by moving the size constraint before the position constraints:

view.layout(fabMenu).size(CGSize(width: 56, height: 56)).bottom(17).left(10)

[daniel-jonathan]

The issue has been completely resolved in Material 2.12.3. Thank you for sharing this issue. All the best!

[0xTomDaniel]

@DanielDahan Thank you so much!

[yasirmturk]

this fix broke something inside the button and now titleEdgeInsets and imageEdgeInsets are not working properly for Button, IconButton

[daniel-jonathan]

@yasirmturk Can you share a sample or some code that demonstrates this and your usage?

[yasirmturk]

I am aligning icon and text in horizontal centered position and for that is used this code
`extension Button {
// MARK: - UIButton+Aligment

func alignContentHorizontally(spacing: CGFloat = 4.0) {
    contentHorizontalAlignment = .left
    contentVerticalAlignment = .top
    
    let imageWidth = (currentImage?.width)!
    let imageLeft = (layer.width - imageWidth) / 2
    let titleLeft = ((layer.width - (titleLabel?.layer.width)!) / 2) - imageWidth
    imageEdgeInsets = UIEdgeInsetsMake(spacing, imageLeft, 0, 0)
    titleEdgeInsets = UIEdgeInsetsMake(24 + (spacing * 2), titleLeft, 0, 0)
}

}`
to get this:

It was working perfect till version 2.12.2 but after updating to version 2.12.3 it became this:

[daniel-jonathan]

@yasirmturk Can you send over a sample of this, so I can reproduce the issue? As well, I would open a new issue for this, as now this issue has been closed and the description at the top is not describing the issue you are facing. Thank you!

[yasirmturk]

you can use the code i have posted to reproduce the issue... just make any button with both icon and text and run it with both 2.12.2 and 2.12.3 you will see

[daniel-jonathan]

@yasirmturk Please open a new issue for this. Tagging this issue on the current one is not effective. Thank you :)

[yasirmturk]

okay