Balloon UI breaking after upgrading the version from 1.6.0 to 1.7.3

[Manav-pw]

Please complete the following information:

• Library Version 1.7.3
• Affected Device(s) All devices

Describe the Bug:
I was facing various crashes on v1.6.0 for this issue for which I planned to upgrade the library to v1.7.0, after updating it I got to know that the Balloon Composable function has been deprecated and had to replace it with the new modifier approach (As my current balloon composable way broke the whole balloon UI). On changing it my app started to crash for which I found out that it was an existing issue in v1.7.0 and had to further update it to v1.7.3. Also my balloon text was been shown in the full vertical layout taking the same width of almost as my anchor in v1.7.0 when using the Balloon composable. Now on upgrading to v1.7.3 and using the new approach still I am not able to get the proper intended UI. I have tried various ways to fix the width but it does not get fixed for me.

Below is the attached SS of how my UI looks on upgrading the library to 1.7.0/1.7.3 using the old balloon composable way.

Now on modifying the code to use the new approach(passing balloonState in modifier) the UI statrted to behave differently on different screens where I was calling the same function everywhere which set up my balloon.

Now talking about the various screens:

• Screen 1 - All Classes Screen: Is a composable
• Screen 2 - My Downloads Screen: Is a XML based layout where we use compose view inside
• Screen 3 - Home Screen: This is the part of a KMM module, here the tooltip is not visible at all
• Also on the Screenshot provided earlier (PW Library page) which was a composable page, was also getting the correct intended UI.
• Also getting similar vertical view in another screen also which is a KMM module too where it is not taking the horizontal width (Similar to the PW Library page)

I tried in multiple ways to fix this by fixing the height, the width, wrapping the content, setting width ratio etc but nothing worked for me

Expected Behavior:
To get a consistent UI over all the screens on using the balloon.

[sureshmaidaragi1919]

@skydoves any solution around it or is it something we are missing

[skydoves]

Hi guys, I just released a new version 1.7.4, would you check if the problems still happen?

[eduardbosch-jt]

At least it's not working on my side. Let's see what @sureshmaidaragi1919 says. If it works for him, I'll try to share what's going on on my side, but it looks like the same problem described in this issue.

[Manav-pw]

@skydoves It did not work for me too, still the same issue persists on using both the deprecated way as well as the new modifier way

[Manav-pw]

@skydoves I also faced build failure on building my project after increasing the version to 1.7.4 saying:

2 issues were found when checking AAR metadata:

  1.  Dependency 'com.github.skydoves:balloon-compose:1.7.4' requires libraries and applications that
      depend on it to compile against version 36 or later of the
      Android APIs.

      :app is currently compiled against android-35.

      Also, the maximum recommended compile SDK version for Android Gradle
      plugin 8.6.0 is 35.

      Recommended action: Update this project's version of the Android Gradle
      plugin to one that supports 36, then update this project to use
      compileSdk of at least 36.

      Note that updating a library or application's compileSdk (which
      allows newer APIs to be used) can be done separately from updating
      targetSdk (which opts the app in to new runtime behavior) and
      minSdk (which determines which devices the app can be installed
      on).

  2.  Dependency 'com.github.skydoves:balloon:1.7.4' requires libraries and applications that
      depend on it to compile against version 36 or later of the
      Android APIs.

      :app is currently compiled against android-35.

      Also, the maximum recommended compile SDK version for Android Gradle
      plugin 8.6.0 is 35.

      Recommended action: Update this project's version of the Android Gradle
      plugin to one that supports 36, then update this project to use
      compileSdk of at least 36.

      Note that updating a library or application's compileSdk (which
      allows newer APIs to be used) can be done separately from updating
      targetSdk (which opts the app in to new runtime behavior) and
      minSdk (which determines which devices the app can be installed
      on).

Though even on changing the compileSdk to 36 the issue was still happening ie. on few pages it works fine but on some others the balloon is not visible at all. Request you to please provide your inputs for the same

[sureshmaidaragi1919]

@skydoves can you please check @Manav-pw comments

[skydoves]

Hey @sureshmaidaragi1919 , @Manav-pw let me look into this issue today and I will publish a snapshot first before the next release. We can keep looping in the snapshot-fix until it works well.

[skydoves]

The new snapshot is out:

1. Add snapshot repo to settings.gradle.kts:

dependencyResolutionManagement { 
    repositories { 
        google() 
        mavenCentral() 
        maven("https://s01.oss.sonatype.org/content/repositories/snapshots/") 
    } 
} 

2. Dependency declaration:

dependencies { 
    implementation("com.github.skydoves:balloon-compose:1.7.5-SNAPSHOT") 
}

[skydoves]

If you still face the same issue in the new snapshot version, would you provide before (v1.6.0) and after (v1.7.3+) code snippets, both the old Balloon() composable usage and the new Modifier.balloon() usage incudling the Balloon.Builder relevant code?

[Manav-pw]

@skydoves The build is failing for the above mentioned version.
I am using both com.github.skydoves:balloon and com.github.skydoves:balloon-compose and have the same version reference in both of them, which after updating becomes 1.7.5-SNAPSHOT.
Even after giving a explicit version to com.github.skydoves:balloon as 1.7.3 and the compose one to 1.7.5-SNAPSHOT, the 1.7.3 one works but fails to resolve 1.7.5-SNAPSHOT.

For adding the maven link, my settings.gradle is a groovy file so I added the dependencyResolutionManagement block after the pluginManagement and plugins blocks having this code:

dependencyResolutionManagement {
    repositories {
        google()
        mavenCentral()
        maven {
            url "https://s01.oss.sonatype.org/content/repositories/snapshots/"
        }
    }
}

Can you please help if I am missing on something?

[skydoves]

Hi @Manav-pw, I just published 1.7.5. It seems like the snapshot publication is not working properly.

[eduardbosch-jt]

I still see the same issues. Here's my migration code in case it helps

File 1:

---

File 2: