Arrow is hidden behind Balloon

[osrl]

Please complete the following information:

• Library Version v1.2.5

Describe the Bug:

Arrow is hidden behind the balloon. I'm using the same example as "Create using kotlin dsl" section

When I inspected the layout, I discovered that balloon_content's padding is 0, even if it's set on initializeBalloonContent function correctly.

Expected Behavior:

balloon_content's padding should be set correctly

[osrl]

One more note: custom layout's paddings are somehow removed too

[skydoves]

@osrl
Hmm... Hmm... Can you show me your implementation of the createBalloon ?
And is the same issue occur in the demo?

[osrl]

Sure, I got it from README and removed some irrelevant setup code.

val balloon = createBalloon(context) {
  setArrowSize(10)
  setWidthRatio(1.0f)
  setHeight(65)
  setArrowPosition(0.7f)
  setCornerRadius(4f)
  setAlpha(0.9f)
  setText("You can access your profile from now on.")
  setBackgroundColorResource(R.color.colorPrimary) //used a red color with alpha 
  setBalloonAnimation(BalloonAnimation.FADE)
  setLifecycleOwner(lifecycleOwner)
}

Also please note the two different colors on the balloon. I'm not sure why this happens. Layout inspector didn't even show the view with different color

[skydoves]

Um.. this is really difficult to track the issue.
Could you please create an example project?
I don't know exactly but I guess it depends on some theme styles in your project.

[osrl]

It really depends on my style. This happens when fitsSystemWindows is true. Also app theme is Theme.MaterialComponents.Light.DarkActionBar. I tried with the demo. Same issue occurs.

[skydoves]

Try this:

styles.xml

<style name="BalloonTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:fitsSystemWindows">false</item>
  </style>

Balloon.Builder

val styledContext: Context = ContextThemeWrapper(context, R.style.BalloonTheme)

    return Balloon.Builder(styledContext)
      .setText("You can edit your profile now!")
      .setArrowSize(10)
      .setWidthRatio(1.0f)
      .setArrowConstraints(ArrowConstraints.ALIGN_ANCHOR)
      .setArrowPosition(0.5f)
      .setPadding(12)
      .setMarginRight(12)

[skydoves]

I feel the android:fitsSystemWindows attribute should be always false for this library, hence It will be included in the next release.
Thanks for your issue :)

[skydoves]

@osrl

This issue is resolved in the new release 1.2.7.
Thanks for your issue :)

[skydoves]

@osrl
Any updates?

[osrl]

It's resolved thanks