TinyMCE button UI weirdness - tinymce

Anyone encountered this before:
I've tried using firebug to spot differences between this and a working version and I spot none.
A working version should like the following:

One of the CSS classes in your site is conflicting with the TinyMCE classes, and it is causing this problem. If you are using FireBug then look at the CSS break down on the right and side and see if there is any differences with any of the buttons and their parents.

Don't use FireBug but chrome or safari dom inspectors.
Because firebug and TimyMce don't really work together.

Related

ng2-charts drawn partially in Firefox

I prepared a stackblitz example for you (sometimes you need to refresh its html window on the right to make it work). You can see only 60% of the chart is drawn in Firefox, but 100% in Chrome - https://stackblitz.com/edit/github-nlvlrr-mwudnj?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html,tsconfig.json&preset=node.
Maybe there is some quick workaround to this? Have been trying to solve this bug since the last week...
This is how it looks in Firefox:
This is how it looks in Chrome:

CSS parser in code. overflow-x: none

I am new to vscode and I am wondering why this editor does not show any kind of indication on a .css file when I place an invalid attribute of none to overflow-x?
When I press CTRL+SPACE nothing is shown, that is great and I can use that to verify. But I was hoping that this editor has some kind of validation and warning or "squiggly" underline that can happen for developers like most editors might try.
How can I configure this so CSS is parsed with a plugin properly to see errors in CSS so I dont have to look up mozilla web pages of values and can know whether I mis-keyed some value.
Thank you!

How to remove event listeners in Firefox debugger?

Firefox has a feature in debugger that lists events for nodes - here's a help article for it.
For unclear reasons, I can't find a way to remove any of those listeners. How do I do that?
It seems that right-clicking the element in the inspector, choosing "Edit as HTML" and modifying the html code (even as slighltly as adding a space after the code) makes the listener go away
The same feature is there from the inspector in Chrome, but as you say not in (newish) DevTools in Firefox.
Before DevTools, it was there in Firebug (screenshot), but the issue to port it across has been open for 3 years.
The only workaround I've discovered, is to disable JavaScript altogether. You can do that in the "Debugger" tab, in the debugger settings to the right. Unfortunately that causes the page reload.

Visual web gui menu item displays wrong in IE 11

The project I'm developing for recently switched to .Net4.5 and Visual Web GUI 10.0.4 and a context menu item that works in Firefox doesn't work in IE11 (our official supported' browser).
I can't post images here yet, so here's a link:
[img]http://i.imgur.com/oIEca4l.png[/img]
notice that the firefox windows has 'invoice together' while the IE window has arrows in a box, and that's it.
Here are all the properites for the menu item:
[img]http://i.imgur.com/vHB4Ak6.png[/img]
The only reference to it in the code is displaying a message box when the 'invoice together' is clicked.
I'm thinking it's an IE display issue, but I'm curious to know if anyone knows a way to fix it?
Thanks
I experienced the same or most probably very similar issue on one of several virtual machines. I have content menu on ListView control. There was no visible menu items' text and there were left and right arrow sliders on the menu.
The web site worked fine on FF, Chrome. Interesting thing was that this context menu problem was not reproduced on other virtual machines with IE11. Only on single one. IE version 11.0.9600.18053 / 11.0.24 (kb3093983) was used on all test machines.
I noticed a slight difference in font's rendering also. Font's size seems smaller.
What I did was applying back IE's default settings and restarting client's machine. This somehow fixed the context menu and font's rendering.
My self explanation is that something in "get font and render it" communication between browser and client OS went wrong. From this came wrong looking menu with sliders.
Hope this helps!
Reduce fonts size on IE, it would help.

Disable context menu in GWT RichTextArea

I'm developing a kind of WYSIWYG editor in GWT. In order to show my own context menu, I have to disable the default browser's menu. I was doing this by simply adding an attribute to the RichTextArea element (oncontextmenu = "return false;"), which in chrome works well, but in FireFox doesn't.
I've been looking for possible solutions in the web for hours but I can't get any to work.
Something that I notice is that, when adding a context menu handler to my RichTextArea, it never gets fired.
If anyone has faced this same problem and could point me in the right direction I would really appreciated it.