Flickering black background on the extension panel

[neonimator]

Hello!

I love Adobe Animate, I've been using it for a long time. I have a YouTube channel associated with this program. There are already 9000+ subscribers and 4500 views every month. A little over a month ago, I took a course in JavaScript and as practice, I decided to write an extension for my favorite program.

I created the framework for the extension in "Creative Cloud Extension Builder for Brackets", then adapted the CSS to the Animate interface and built the panel into a convenient place.

 
The problem is that when I switch between panels - a black background flickers! No such thing with the native panels. Immediately thought on my CSS and tried loading the standard CSS "Extension Builder for Brackets" - same thing, black frame. That is, the problem is not in Animate and not in my CSS, but where to look for the problem I do not know.

Perhaps someone has faced with similar or at least have a suggestion what could be the problem?

[Multoman]

Попробуйте использовать swf панель для вашего расширения. С ней такой проблемы не замечал. Плюс swf панель будет работать даже на старых версиях анимейта или флеша.  

[neonimator]

If you make the panel in swf format, do you only need to edit the "manifest" to integrate it, or does this require revising the entire process?

[Multoman]

Have to review the whole process. The SWF panel is written in AS3. As for me, it is much easier to use the swf panel than the CEP extension.

Here is a simple example of how this can be done:

https://github.com/AdobeDocs/developers-animatesdk-docs/blob/master/swfPanel_object/swfPanel.md

[neonimator]

Thanks for the option, I will try it.

[neonimator]

Thank you for your recommendation. I converted the panel to SWF format and there is no flickering. "MMExecute" does a good job. Plus, I can bind the panel to a hotkey, and easier to install for the user on the computer.

Of course, it's not as flexible and quick to play with the appearance as in HTML/CSS. And the round borders of the buttons don't display as cleanly as I'd like, as if the pixels were sprawling where they were rounded. I had to leave the buttons square. But it's all worth it, because the old flickering is not an option at all.

I don't know how to do it in AS3 yet, maybe some of these things had to be solved:

1. "align top" to make the panel display correctly on a monitor with a resolution greater than 1080p. Tested on the second monitor.

2. make the buttons hover with native arrow of user's current OS, instead of a hand, taking into account the resolution. In CSS did it with attribute "cursor: default", and in AS3 found only "replace cursor with symbol", but it is doubtful option

3. тo add at code level analog of title="Button description on hovering", so you can flexibly and in the same style add/change explanations for the user. Edit the description when hovering can be inside the symbol in the frame "Hover", but I want to at the code level, for greater flexibility, the correct appearance and a single style.

I understand, all this is not critical, but desirable.

[Multoman]

1) 

stage.scaleMode = StageScaleMode.NO_SCALE
stage.align = StageAlign.TOP_LEFT

2)Instead of a button, just use mc. It can also work like this button

3)https://terabox.com/s/1AO-DYwD-VD5C_C03Lvfaqw 

I hope I understood correctly what you want

[neonimator]

The code with alignment and scale locking helped, great! And the hard locking of the panel scale by width, like the native property panel - is this an area of AS3 influence?

Also, do you happen to know how to use JSFL to call the command:

I only found "doc.zoomFactor" in the documentation, I'm using it for now. The "By window size" command is better, but the log doesn't record its execution in any way.

[Multoman]

I didn't understand which native property panel you're talking about. As for the scale, I also searched in the documentation, but I didn't find what you need

[neonimator]

Anyway, thanks so much for your help. You have been very helpful!