Resizable panel in a ButtonGroup handling

[davymartu]

Hi guys,
I'm trying to handle correct resize panel in buttongroup :

menu: {
            xtype: 'menu',
            plain: true,
            items: {
                xtype: 'buttongroup',
                resizable: true,
                width: 540,
                height: 300,
                layout: 'fit',
                items: [{
                    flex: 1,
                    animateTarget: '#carrello',
                    xtype: 'panel',
                    html:'<h5>mio carrello e grid</h5>'
                }]
            }
        }

when I increase size of panel it's work OK, but when I decrease size of panel, it's not anchored correctly to button (north east).
This is a demo of problem:

ResizeProblem.gif

How to code it?

this is fiddle: https://fiddle.sencha.com/#view/editor&fiddle/2ima

Thanks,
Davide

[Forum_Adm]

Hi there- I have shared this with the support team and asked that they get back with you to provide some assistance. Your patience is greatly appreciated.

Michele

[praveensaini23]

Hi,

You can check below fiddle -
https://fiddle.sencha.com/#view/editor&fiddle/2obq

I added a resize listener to the button group and in that just call the btn.menu.show function as that show function of menu is already handling the menu position accoding to its size as well as handling its alignment to the parent btn.

So this might be treated as workaround to fix your problem.
Hope that will help!

[davymartu]

Thanks Michele and praveensaini23,
I've tried different solutions to solve my request without success.
Currently I'will use praveensaini23 workaround.
Thanks a lot