TypeAhead Results in scroll bars

Johannes Bosma

May 2, 2017 at 3:51 am #4245

Hello everyone,

Could it be possible that there is a bug in version 4.4.7 due to which in certain settings the result list of a TypeAhead control appear in scroll bars as apposed to overlapping the controls beneath? This is for example the case when it is in a Table, or a Horizontal Section with the horizontal alignment set to Left. When I recreate the same scenarios with Spark 4.4.8 this issue no longer seems to appear..

Thanks in advance,

Johannes

SPARK Support

May 2, 2017 at 2:40 pm #4251

Hi Johannes,

Can you share a screenshot of the issue and the configuration layout?

Regards,

Stephen P.

Johannes Bosma

May 3, 2017 at 7:26 am #4264

Hi Stephen,

Thanks for your reply, you can find the screenshots attached:

• One shows the result with the scroll-bars when using Spark 4.4.7
• One shows the result of the same coach after upgrading the dependency to 4.4.8.1
• One shows the configuration settings of the horizontal section the TypeAhead control is in

Johannes

Johannes Bosma

May 11, 2017 at 6:05 am #4313

Hi Stephen,

Did you manage to take a look at the problem and in a position to confirm/refute my hypothesis?

Thanks in advance,

Johannes

SPARK Support

May 12, 2017 at 4:06 pm #4317

Hi Johannes,

There were some changes to the CSS in version 4.4.7 that affected scroll areas and overflow.  The changes were reverted in version 4.4.8.

Regards,

Stephen P.

Johannes Bosma

May 17, 2017 at 9:25 am #4326

Thanks for you reply Stephen, our client has now upgraded their version to 4.5.0.2CF in the hope that this would have been fixed together with some other issues. This was not the case however, even though version 4.4.8 does not show this specific behavior for some reason it is back in 4.5.0.2CF (see the appendix).

Do you know of a workaround for this problem?

Thanks in advance,

Johannes

SPARK Support

May 17, 2017 at 3:24 pm #4329

Hi Johannes,

The primary focus of the Table’s styling is to ensure that cell content and header names are sized dynamically to fit the content.  Therefore, the overflow property of the Table is set to automatic.

However, if you have your Column labels defined and sized correctly, you can try using the following CSS Style in a Custom HTML control to override this functionality:

<style>
.SPARKTable>div>div {
overflow-x: visible !important;
}
</style>

Regards,

Stephen P.

Johannes Bosma

May 22, 2017 at 5:07 am #4337

Hi Stephen,

Thanks for the tip, that indeed fixed the problem!

Johannes