Pier Angelo Vendrame pushed to branch tor-browser-102.9.0esr-12.0-1 at The Tor Project / Applications / Tor Browser
Commits:
-
2bbc0fe3
by Dan Ballard at 2023-04-05T15:44:25+02:00
-
d36d67a8
by Dan Ballard at 2023-04-05T15:44:46+02:00
2 changed files:
- browser/components/torconnect/content/aboutTorConnect.css
- browser/components/torconnect/content/aboutTorConnect.js
Changes:
... | ... | @@ -136,6 +136,13 @@ button { |
136 | 136 | fill: white;
|
137 | 137 | }
|
138 | 138 | |
139 | +#cancelButton {
|
|
140 | + color: var(--in-content-button-text-color);
|
|
141 | + border: 1px solid var(--in-content-button-border-color);
|
|
142 | + border-radius: 4px;
|
|
143 | + background-color: var(--in-content-button-background);
|
|
144 | +}
|
|
145 | + |
|
139 | 146 | #locationDropdownLabel {
|
140 | 147 | margin-block: auto;
|
141 | 148 | margin-inline: 4px;
|
... | ... | @@ -775,6 +775,28 @@ class AboutTorConnect { |
775 | 775 | this.beginAutoBootstrap(value);
|
776 | 776 | }
|
777 | 777 | });
|
778 | + |
|
779 | + // Delay the "Enter" activation of the given button from "keydown" to
|
|
780 | + // "keyup".
|
|
781 | + //
|
|
782 | + // Without this, holding down Enter will continue to trigger the button
|
|
783 | + // until the user stops holding. This means that a user can accidentally
|
|
784 | + // re-trigger a button several times. This is particularly bad when the
|
|
785 | + // focus gets moved to a new button, and the new button can get triggered
|
|
786 | + // immediately. E.g. when the "Connect" button is triggered it disappears
|
|
787 | + // and focus moves to the "Cancel" button.
|
|
788 | + for (const button of document.body.querySelectorAll("button")) {
|
|
789 | + button.addEventListener("keydown", event => {
|
|
790 | + if (event.key === "Enter") {
|
|
791 | + event.preventDefault();
|
|
792 | + }
|
|
793 | + });
|
|
794 | + button.addEventListener("keyup", event => {
|
|
795 | + if (event.key === "Enter") {
|
|
796 | + button.click();
|
|
797 | + }
|
|
798 | + });
|
|
799 | + }
|
|
778 | 800 | }
|
779 | 801 | |
780 | 802 | initObservers() {
|