search

stevdza-san / KotlinBootstrap

Use the official Bootstrap UI components with Kotlin and Compose HTML, to build a frontend on the web.
167 stars 9 forks source link

Carousel Bug #12

Closed javad0470 closed 4 months ago

javad0470 commented 5 months ago

hello dear stefan I came to thank you for your great library, and also to report a bug in Carousel that I would appreciate if you could look into.

{ "message": "Function 'width' can not be called: No function found for symbol 'com.varabyte.kobweb.compose.ui.modifiers/width|width@com.varabyte.kobweb.compose.ui.Modifier(org.jetbrains.compose.web.css.CSSNumericValue<out|org.jetbrains.compose.web.css.CSSUnit>){}[0]'", "name": "IrLinkageError" }

stevdza-san commented 5 months ago

Thanks for your report, I'll check it out. Could you please describe what parameters have you passed to the Carousel function, if you have? It would be great if you could share a sample code, so that I can try to reproduce the issue.

Also, try updating your versions to: Kobweb 0.15.4, Kotlin 1.9.21, and Compose 1.5.11 and see if the issue still persists. :)

javad0470 commented 5 months ago

exactly like your example but inside a box

stevdza-san commented 5 months ago

Have you tried updating the versions that I've mentioned in the previous comment?

javad0470 commented 5 months ago

Yes, the project is already updated

stevdza-san commented 5 months ago

Thanks, I'll take a look at it at the end of the week.

stevdza-san commented 4 months ago

I've just tested a Carousel component placed inside the Box, and it works on my end:

 Box {
        BSCarousel(
            items = listOf(
                CarouselItem(
                    image = "https://images.pexels.com/photos/2662116/pexels-photo-2662116.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
                    title = "Moraine Lake"
                ),
                CarouselItem(
                    image = "https://images.pexels.com/photos/147411/italy-mountains-dawn-daybreak-147411.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
                    title = "Italy"
                ),
                CarouselItem(
                    image = "https://images.pexels.com/photos/1166209/pexels-photo-1166209.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
                    title = "Lavender"
                ),
            ),
            width = 900.px,
            height = 500.px
        )
    }