FloatingMenu | Android 浮动菜单效果 | Android library

I think you does not bind the command successfully.

In .cs, set the BindingContext = this; and do not define the btnAddItemCommand as a static property:

you are not assigning a BindingContext

When you set the AbsoluteLayout.LayoutBounds="0,0,1,1" and AbsoluteLayout.LayoutFlags="All" on a view, you're saying that you want you want the view to start in the top left corner and you want it to take up the full width and height of the view.

Since you set the LayoutBounds on both your views to this, you essentially have two views that take up the entire screen stacked on top of each other. You can test this out by adding a background color to either of the views and see what happens. Because of this, whichever view you put second is getting the touches, because it's the one on top.

If you want your FloatingMenu to be in the bottom right hand corner, you need to fix the layout bounds on that view to reflect that.

Something like this might get you started:

Assuming the non-transpiled code you're using is this file, the issue is that it's got a default export, but you're using a named import, not a default import. The fix is to change this:

This is somewhat tricky, but possible with just some props and styling. The element that is shading the rest of the UI is the Backdrop component of the Modal component. Drawer uses Modal when it's in temporary mode. The hideBackdrop prop of the Modal controls whether the shade is seen or not, and you can pass this prop to the Drawer directly as well.

However, the Modal component itself would still cover the whole viewport, preventing you from clicking other areas of the UI, before the Drawer is closed. I'm not sure if there's a simpler way, but at least you can do it by just using CSS styling to make the Modal element "through-clickable" by setting its pointer-events to none. To restore the "clickability" of the drawer itself, you should then set its pointer-events back to all.

So, for instance, just using the style prop to make simple inline styling:

It required to provide alias for the library as I was referencing dist of jquery-ui.

https://stackoverflow.com/a/40441253/9263418

Did you try using .close() to collapse the menu?

I checked this code sample with fresh CKEditor instance and it works fine. You are giving us too little information to get any solid answer.

To run this sample without errors or odd behavior you should include wysiwygarea,toolbar,link,balloontoolbar plugins to your CKEditor configuration. Visit Setting CKEditor configuration if you need some help with it.

If it doesn't solve your problem show us some code or try to reproduce the issue with minimal configuration.

Codepen working sample.

I have to mention that it could not work as expected because we have some issue with balloonpanel positioning for a selection. You can find more information about actual status of the issue on github