Sp-dev-fx-controls-react: Carousel height problem

Created on 5 Nov 2020  路  2Comments  路  Source: pnp/sp-dev-fx-controls-react

Category

[ ] Enhancement

[ ] Bug

[x] Question

Version

Please specify what version of the library you are using: [1.20.0]

Expected / Desired Behavior / Question

Carousel control seems to have issues with height. Expected behavior is a proper height carousel, where you can see all the information supplied into the control.

Observed Behavior

The Carousel control is incredibly small so it hides all the supplied information (title, description)

Steps to Reproduce

Add the carousel with proper data on spfx 2019 on premise latest release + spfx-controls version 1.20.0

Picture of the results:
image

The title and description actually do show up in the elements if you check the console. The problem is the incredibly small height, for which i have no idea why it's set that way.

code:
https://pastebin.pl/view/fbae18bf

None of my styles feature a fixed height or something like that, the console output of the data supplied into the carousel is the following:
image

What am i missing? Why is the component so narrow?

Thanks!

answered question

Most helpful comment

Hi @tuuuks!
Thanks for reporting this one.
Current implementation expects the height to be specified in contentContainerStyles property.
Sample:

<Carousel contentContainerStyles={styles.carouselImageContent}
/// ...
/>
.carouselImageContent {
    height: 400px;
  }

All 2 comments

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

Hi @tuuuks!
Thanks for reporting this one.
Current implementation expects the height to be specified in contentContainerStyles property.
Sample:

<Carousel contentContainerStyles={styles.carouselImageContent}
/// ...
/>
.carouselImageContent {
    height: 400px;
  }
Was this page helpful?
0 / 5 - 0 ratings

Related issues

lenain71 picture lenain71  路  3Comments

enti333 picture enti333  路  7Comments

estruyf picture estruyf  路  6Comments

rabwill picture rabwill  路  4Comments

msgx picture msgx  路  4Comments