Fixing macOS Dock Focus Issue: Make App Windows Active on Click

Author: erics, February 8th, 2025

If you’re using macOS 14.7.3 and experiencing an annoying issue where clicking a running app’s icon in the Dock doesn’t immediately make it active for typing, you’re not alone. Instead of the expected behavior—where the app comes to the forefront, ready for interaction—you might find yourself having to click inside the app’s window before you […]

Categories: Technology Tags: 14.7.3, cli, click, defaults, defaults write, Disable, Focus, howto, MacOS, mode, Mouse, single-app, Terminal, tips, write | No comments

How To Enable Focus Follows Mouse On MacOS

Author: erics, December 2nd, 2021

Use AutoRaise! From the docs: “When you hover a window it will be raised to the front (with a delay of your choosing) and gets the focus.” Web page: https://github.com/sbmpost/AutoRaise Download: https://github.com/sbmpost/AutoRaise/archive/refs/heads/master.zip

unzip -d ~ ~/Downloads/AutoRaise-master.zip
cd ~/AutoRaise-master && make clean && make
make install

1

2

3

unzip -d ~ ~/Downloads/AutoRaise-master.zip

cd ~/AutoRaise-master && make clean && make

make install

My ~/.AutoRaise file:

#AutoRaise config file
delay=3

1 2	#AutoRaise config file delay=3

Categories: How-To's, Technology Tags: apple, AutoRaise, Delay, Focus, Focus Follows Mouse, Follow, Hover, howto, Mac, MacOS, macosx, Mouse, Raise, tips, window | 1 comment

How To Make Firefox Focus on the URL not Search in a New Tab

Author: erics, September 5th, 2017

Set browser.autofocus to false in about:config

Categories: How-To's, Technology Tags: about:config, AutoFocus, Browser, browser.autofocus, Config, configure, Firefox, Focus, New Tab, search, Tab, URL | No comments

How To Implement Hybrid jQuery UI Dialogs

Author: erics, June 19th, 2012

jQuery

var self  = this;
self.Dialog  = jQuery('#yourDialog');
if (self.Dialog.length) {

    self.Dialog.dialog({
        autoOpen: false,
        title: 'Your Dialog Title Here',
        position: ['center',200],
        minWidth: 400,
        modal: true,
        focus: function() {
            jQuery(':input', this).keyup(function(event) {
                if (event.keyCode == 13) {
                    self.Dialog.parent().find('div.ui-dialog-buttonpane button.primary').click();
                }   
            }); 
        },  
        open: function(evt,ui) {
            jQuery('#Loader-ajax').load('/get_dialog_form_content.php');
        },  
        buttons: {
            "Cancel": {
                'text'  : 'Cancel',
                'class' : 'cancel',
                'click' : function() {
                    jQuery( this ).dialog( "close" );
                }   
            },  
            "Continue": {
                'text'  : 'Continue',
                'class' : 'primary',
                'click' : function() {
                    jQuery("#Form-edit").submit();
                } // end click
            } // end Continue button
        } // end buttons
    }); // end self.Dialog.dialog

    // bind the triggering link
    jQuery("a.yourTrigger").live('click',function(e){
        jQuery(".ui-dialog-content").dialog("close");
        self.Dialog.dialog('open');
        return false;
    }); 
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

var self = this;

self.Dialog = jQuery('#yourDialog');

if (self.Dialog.length) {

self.Dialog.dialog({

autoOpen: false,

title: 'Your Dialog Title Here',

position: ['center',200],

minWidth: 400,

modal: true,

focus: function() {

jQuery(':input', this).keyup(function(event) {

if (event.keyCode == 13) {

self.Dialog.parent().find('div.ui-dialog-buttonpane button.primary').click();

}

});

},

open: function(evt,ui) {

jQuery('#Loader-ajax').load('/get_dialog_form_content.php');

},

buttons: {

"Cancel": {

'text' : 'Cancel',

'class' : 'cancel',

'click' : function() {

jQuery( this ).dialog( "close" );

}

},

"Continue": {

'text' : 'Continue',

'class' : 'primary',

'click' : function() {

jQuery("#Form-edit").submit();

} // end click

} // end Continue button

} // end buttons

}); // end self.Dialog.dialog

// bind the triggering link

jQuery("a.yourTrigger").live('click',function(e){

jQuery(".ui-dialog-content").dialog("close");

self.Dialog.dialog('open');

return false;

});

}

HTML

<div id="yourDialog" class="hide">
	<form id="Form-edit" action="/index.php" method="POST">
        <input type="hidden" name="action" value="save">
        <div id="Loader-ajax" class="clearfix"><img src="//www.ericmichaelstone.com/wp-content/uploads/2013/02/ajax-loader.gif" alt="Please Wait..." /></div>
	</form>
</div>

1

2

3

4

5

6

</form>

</div>

Categories: How-To's, Technology Tags: Dialog, Enter, Enter key, Focus, howto, JQuery, jQuery UI, Modal, tips, UI | No comments

How To Create An Input Field Watermark Using jQuery

Author: erics, September 20th, 2011

Here is a VERY simplistic watermark code snippet. It has the distinct disadvantage of submitting the watermark string as the field value, and does not set the initial field value either…YMMV…

jQuery('#yourInput')
   .focusin(function() { 
      if (jQuery('#yourInput').val() == 'Enter keywords to search for') jQuery('#yourInput').val('');
   })
   .focusout(function() {
      if (jQuery('#yourInput').val() == '') jQuery('#yourInput').val('Enter keywords to search for');
   });

1

2

3

4

5

6

7

jQuery('#yourInput')

.focusin(function() {

if (jQuery('#yourInput').val() == 'Enter keywords to search for') jQuery('#yourInput').val('');

})

.focusout(function() {

if (jQuery('#yourInput').val() == '') jQuery('#yourInput').val('Enter keywords to search for');

});

http://api.jquery.com/focusin/

Categories: How-To's, Technology Tags: Focus, focusin, focusout, form, Form field, howto, ID, input, Input field, JQuery, tips, val(), Water Mark, Watermark | No comments

How To Focus On The First Form Element Using jQuery

Author: erics, June 10th, 2011

jQuery('form :input:visible:enabled:first').focus();

1	jQuery('form :input:visible:enabled:first').focus();

Categories: How-To's, Technology Tags: first, First form element, Focus, form, howto, JQuery, tips | No comments

How To Find The Type Of The Current Element Using jQuery

Author: erics, May 17th, 2011

Important Note: This solution REQUIRES jQuery 1.6 or better due to the addition of the :focus selector! Here is how I used it for a form in a jQuery UI dialog:

var Info = jQuery(this).find(':focus').get(0).tagName;
if (tagName == 'INPUT') return false;

1 2	var Info = jQuery(this).find(':focus').get(0).tagName; if (tagName == 'INPUT') return false;

Categories: How-To's, Technology Tags: Element, Focus, Focused, howto, javascript, JQuery, selected, tagName, tips | No comments

How To Bind jQuery .live() To Multiple Events

Author: erics, April 17th, 2011

As of jQuery 1.4.1 .live() can accept multiple, space-separated events, similar to the functionality provided in .bind(). For example, we can “live bind” the click and focus events at the same time like so:

jQuery('.datepick').live('click focus', function () {
   jQuery(this).datepicker('destroy').datepicker({showOn: 'both'});
});

1

2

3

jQuery('.datepick').live('click focus', function () {

jQuery(this).datepicker('destroy').datepicker({showOn: 'both'});

});

Another example, this time creating a hover effect:

jQuery('.rollover').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});

1

2

3

4

5

6

7

jQuery('.rollover').live('mouseover mouseout', function(event) {

if (event.type == 'mouseover') {

// do something on mouseover

} else {

// do something on mouseout

}

});

Categories: How-To's, Technology Tags: bind, click, datepicker, Events, Focus, JQuery, live, mouseout, mouseover, Multiple events, rollover | No comments

How to Focus on the First Text Input Element in a Form with jQuery

Author: erics, November 22nd, 2010

jQuery(‘#theDiv :input:text:first’).focus();

Categories: How-To's, Technology Tags: Focus, howto, JQuery, tips | No comments

Fixing macOS Dock Focus Issue: Make App Windows Active on Click

How To Enable Focus Follows Mouse On MacOS

How To Make Firefox Focus on the URL not Search in a New Tab

How To Implement Hybrid jQuery UI Dialogs

How To Create An Input Field Watermark Using jQuery

How To Focus On The First Form Element Using jQuery

How To Find The Type Of The Current Element Using jQuery

How To Bind jQuery .live() To Multiple Events

How to Focus on the First Text Input Element in a Form with jQuery

Our Link Network

Business

Client Websites

Fine Dining

Friends & Family

Galleries

Health

Resources

Technology

Travel

The Archives

Latest Ramblings…

Various Topics of No Interest