can not set toolbar or balloonToolbar will appear fixed above the cursor

[Barnette-ao]

📝 Provide detailed reproduction steps

I want to set the toolbar or balloonToolbar will appear fixed above the cursor. then I set it as follows:

balloonToolbar: {
	items: ['bold', 'underline', 'fontColor'],
	shouldNotGroupWhenFull: true,
	position: 'above',
	viewportTopOffset: 50
},

toolbar: {
	items: [
		'fontSize',
		'fontColor',
		'|',
		'bold',
		'underline',
		'|',
		'uploadImage',
		'mediaEmbed'
	],
	shouldNotGroupWhenFull: false,
	position: 'above',
	viewportTopOffset: 50
},

✔️ Expected result

I expect that setting the position to above will let the toolbar or balloonToolbar appear fixed above the cursor.

❌ Actual result

If you use the mouse cursor to select content from left to right, the toolbar will appear below the cursor.
If you use the mouse cursor to select content from right to left, the toolbar will appear above the cursor.
If the height of the editor is greater than 50px, the toolbar will appear below the selected content by default.

❓ Possible solution

Forced modification of CSS

If you'd like to see this fixed sooner, add a 👍 reaction to this post.

[Barnette-ao]

the possible solution just like #9205 mentioned.

[Witoso]

Hey, changing to improvement, as AFAIK the API you showed doesn't exist yet :)

[Barnette-ao]

Is there any setting in the free version that can achieve the effect I want? for example, another API?