[BUG]: PowerCAT Creator Kit Command bar overflow issue while playing the app using a deeplink

[vivekmurli]

We have a command bar that has 12 items , the command bar works as expected when we play the app in run and edit mode.

When we play the app using a deeplink , the ellipses (...) at the end disappears as below

Steps to reproduce the behavior:

1. Add a command bar and add 12 items
2. Create a deeplink and access the app via deeplink

We searched for a solution online to no avail.

Please let us know if this is a bug and if there is a workaround for this issue

AB#2231

[vivekmurli]

@denise-msft

[denise-msft]

@vivekmurli Are you using autowidth if the commandbar component in a layout container? Can you try using Parent.Width (or the appropriate relative sizing calculation based on its location in the tree) with autoWidth or stretch settings off? Are you using any logic otherwise that might be affecting the positioning/rendering of the component?

[vivekmurli]

@denise-msft We are not using containers. Also we're using a formula to adjust the width and X of the component like this

Width: If(
IsBlank(deeplinkisnull),
1500,
500
)
X: ExpandMenuComponent.Width + 34

Didn't find any properties named autoWidth or stretch.

Also the component fails only when the app is played using a deeplink and works fine while playing or edit mode not sure why?

You should be able to reproduce the issue at your end by adding 13 items(3 words for each item) to the component and play the app via deeplink.

I feel that the command bar should render correctly irrespective of the number of items it holds.

Requesting you to look into it and let me know.

[denise-msft]

@vivekmurli Can you please explain why you are setting these the width based on a variable that seems related to the presence of a deep link? First of all, what is the size of your canvas dimensions? If the control reaches outside of the canvas dimensions, the commandbar will not display the overflow within the canvas. You must make sure that the width of the commandbar is less than that of the canvas.

When I increase the width of the commandbar the end is cut off and the rest is not visible outside of the screen. I haven't tried with a deeplink but it seems to be the behavior you described.

If you're trying to span the commandbar across the screen horizontally (assuming that's what you're doing where you have the value 1500), instead I would recommend using Parent.Width or App.ActiveScreen.Width. If that is your use case, can you please try that out and see if the overflow works?

So instead of the code you shared for width, try:
Width: If(
IsBlank(deeplinkisnull),
Parent.Width,
500
)

[vivekmurli]

@denise-msft Thank you for helping us out with this , like I've explained before , the issue is with and only with the deeplink.
The app uses a resolution of

Like you can see the width of the command bar is less than the width of the canvas so essentially it shouldn't overflow.

We have configured the on start of the app to detect if the app is being played using a deeplink or not. If the app is played normally , the deeplinkisnull variable would return null and the width of the command bar would be set to 500 which is much less than the width of the canvas which is 1600.

So as per the logic , when the app is played using deeplink , the width is set to 500 then why does it overflow?. Also when you play the app without a deeplink , it works fine with its width being 1500.

To get to the bottom of the issue , and the original issue which is deep linking ,You may have to create a deeplink , use the logic above and I am sure you should be able to reproduce the issue the way we did. The crux here is the use of deeplink.

Please let me know if you need any other info from our end.