12.0p flickering because of reflow after sliderValueText resizes DynamicForm

[Blama]

Hi Isomorphic,

I browsed the showcase. In this sample (v12.0p_2020-03-28, Chromium 80 / Win 10) the content flickers if you move the "Rotation" knob towards the right border.
This does not happen with editorProperties: { vertical: true }, so I'm pretty sure this is related to suddenly extended DynamicForm width because of sliderValueText.



Best regards
Blama

[Isomorphic]

This has been fixed for builds dated April 4 and later.

[Blama]

Hi Isomorphic,

this is still happening using v12.0p_2020-04-05, but perhaps a bit less. Tested with Chromium 80 on Win10, FullHD, maximized Chromium window.

Best regards
Blama

[Isomorphic]

The initial fix was for the valueLabel overflowing the Slider - this latter problem was the thumb itself overflowing the Slider, hence only happening in the final one or two positions. It's been fixed for builds dated April 6 and later.

[Blama]

Hi Isomorphic,

this is still happening for me in the sample using v12.0p_2020-04-06.

Best regards
Blama

[Isomorphic]

Hm - yes, we see it too, but only in the SGWT showcase - the (SmartClient) framework sample is working as expected.

We'll investigate.

[Blama]

It's also happening in SmartClient for me, but only if you move one to the max - so not visible on start of the testcase when you just also move the lower knob to 360.



Best regards
Blama

[Isomorphic]

Apologies, we accidentally tested against 13.0, where it works as expected - perhaps we missed porting something back - we'll fix 12.x for tomorrow's builds.

[Blama]

Regarding SmartGWT:

• Happening here using v12.1p_2020-04-05
• In these two the "360" looks cut off using v12.1p_2020-04-05. This might be related.

Best regards
Blama

[Isomorphic]

The first one works as expected in SC 12.1, so is SGWT-related, and the second are both the result of the samples setting "width" rather than "length" (you can test that in the SC versions).

We'll update here when we've fixed things.

[Isomorphic]

We've made a further tweak which means Sliders in all samples should now render without overflow or clipping, whether the samples set width or length, and whether or not they show a title.

You can try out the fix in today's public builds of 12.x.

[Blama]

Hi Isomorphic,

using v12.0p_2020-04-10 and v12.1p_2020-04-10 all flickering in all samples linked (SC and SGWT) is gone, thank you.

Very very minor thing left: Here (v12.0p_2020-04-10) the top Zoom-level sliderValueText is cut off on the left when moved to the left end ("10) (Chromium 80, Win10, Tahoe spacious).

This is even more visible if you have bigger number at the left end, e.g.:

        minValue: 1000,
        maxValue: 10000,
        numValues: 10,
        defaultValue: 3000,

So the optimization of moving the text in when it's too long, that you do on the right end, might also be useful on the left end.

For some other reason this does not happen in 12.1, where the sliderValueText seems to have another z-index I assume, because it's visible with even bigger numbers:



Best regards
Blama

[Isomorphic]

We've fixed the left-clipping by also clamping the value layout at that end of the slider - this change is in 12.0 only, for builds dated April 11 and later.

[Blama]

Hi Isomorphic,

this is looking great in v12.0p_2020-04-15.

But now the sliders in these two samples are completely broken designwise:


Best regards
Blama

[Isomorphic]

Ok, we've audited the showcase and removed tiny fixed heights from Slider widgets in these two samples and a couple of others - they were causing clipping. Hopefully that will be everything fixed. :)

Please retest with a build dated April 16 or later.