NVDA and document.activeElement value when using buttons inside grids - vuetify.js

I have a grid with role="grid" (also tried role="table"). There are buttons in the grid that open dialogs (v-dialog). Before opening, I save the last focused element with
this.lastFocus = (document.activeElement || document.body)
And upon closing the dialog, I restore focus to the initiating button with
if (document.body.contains(this.lastFocus)) this.$nextTick(() => this.lastFocus.focus())
The problem is that this works only if NVDA is not running or I manually switch it to browse mode using Insert+Spacebar before I press Enter on the button. If I just Tab to the button and press Enter, lastFocus will contain the <body> element and not the <button> clicked last.

Related

How to override paste notification for Paste as plain text button?

When users want to paste by clicking "Paste as plain text" button, the next message pops up "Press Ctrl+Shift+V to paste. Your browser doesn‘t support pasting with the toolbar button or context menu option."
Is any way to override this message for all CKEditor instances?
The new version of CKEditor still has the paste, paste as text, and paste from word buttons in the full menu, but when clicked a nicer looking modal comes up saying to paste using CTRL + V. You can see a demo here: https://ckeditor.com/docs/ckeditor4/latest/examples/basicstyles.html
Even if you download the new version, you will still get a modal if you click one of the paste buttons.
If you want to remove the paste buttons from the menu (and simply tell users to use CTRL + V) and if you want to paste plain (unformatted) text with CTRL + V add this to your config.js file.
config.forcePasteAsPlainText = true;
config.removeButtons = 'Paste,PasteText,PasteFromWord';

Zoom one tab or all tabs

I am looking for a way to zoom only one tab.
When I press Ctrl++ to zoom my Firefox tab, all other tabs are also changed, creating a problem.
I have checked all the menu setting and nothing is available for this setting, at least not from the menu.
In Firefox address bar type: about:config
Press the box "I accept the risk" (or similar button)
In the Search Box type: zoom.siteSpecific
If you want Zoom to only effect one tab then set False under Value.
If you want Zoom to effect all tabs then set True under Value
You can change the value by double-clicking the line or right-click and select Toggle.
Note: You can restore zoom by selecting CTRL+0 (zero) or on the menu select View --> Zoom --> Reset.

How to distinguish a closing event is triggered by “x” on the left of a tabbed window or “x” on the left top to close all windows

With the latest macOS, the tab feature introduced,
my app needs to support this.
Here is the thing, I don't know how to distinguish the closing event like the title I said.
What I expect is when I click the "x" on the left of a tabbed window, it should close this single tab window.
And when I click the "x" on the left top of the whole window, it should close all the tabbed window in this main window.
I have implemented these two methods, when I click the "x" on the left top if the whole window, it can close all tabbed window, and when I didn't merge them into a window, I can close it one by one.
But when I merge them into a window and click "x" on the left of each tab window. it still close all the tabbed window. So I think the root cause is I can't tell the tab closing and window closing event.
Any idea? Thanks

JumpList "close" button or "close" right click option

I have a jump list (Delphi XE7) and I have all my open forms there so the user can open the one he wants.
I wonder if it's possible (and how to) add a right click option ("close" in this case) or a small X button to the jump list items, that closes the form.

Firebug / inspect element on hide menu

I want to find an element in FireFox 13. The problem is that I can't right click on my element. This is due to the fact that my element is a hide menu, which open on left click, and close on right click.
There is any other option to do that?
You can click "Inspect Element" from Firebug instead the right-click menu.
In "Script" panel, you can also enable Break-On-Next (pause button) which will pause the debugger on the next JavaScript statement execution (i.e. on the event listener for click in your situation). You can also enable this with a keyboard shortcut Alt+Ctrl+B.
Another solution is opening the console tab and writing
setTimeout(() => {debugger}, 5000)
This will trigger the debugger after 5 seconds. So as soon as u enter this command click on the menu and wait for the debugger to start and freeze your menu in place.
If 5 seconds is too little, increase the number 5000 as u see fit.

Resources