Flex Box Behaviour In Firefox and Chrome

ActivePresenter Support Questions
1

Problem: I have a flex box with text captions set to fixed widths so that the line up vertically to form a table. In Firefox the scroll bar down the side sits on top of the flex box and doesn’t intrude into the flec box width, however in chrome the scroll bar forms part of the flex box width and is causing the text captions to overflow onto the next row and they no longer align vertically or retain their fixed widths, is there a fix for this?

Flex box set up is horizontal direction, wrap, left horizontal alignment, top align rows and auto overflow.

Here are two images to show what I mean

Chrome:

Chrome example
Chrome example2161×1109 408 KB

Firefox:

Firefox example
Firefox example2135×1047 395 KB

ActivePresenter version: 9.3.0

OS: win 11

Notes:

2

Hi,

Please try some suggestions below, @scottjones05

  1. Reduce the fixed widths of the text captions to fit the scrollbar
  2. Increase the Grow for those that need to be bigger than others.
  3. Reduce the Grow to 0 for those that need to be smaller.

Additionally, there is an alternative that you can use a Table inside a Flexbox.

image
image1280×211 53.3 KB

Hope that it helps.
Thuy