diff --git a/src/main/resources/static/js/uianimation.js b/src/main/resources/static/js/uianimation.js
index 2efc9d9..30659c8 100644
--- a/src/main/resources/static/js/uianimation.js
+++ b/src/main/resources/static/js/uianimation.js
@@ -52,6 +52,16 @@ function showHeaders(){
     $('#headersTab').off('click');
 }
 
+function focusInTip(element){
+    showTip(element);
+    focusedField = true;
+}
+
+function focusOutTip(element){
+    focusedField = false;
+    hidTip(element);
+}
+
 function hidTip(element){
     if(focusedField) return;
     $('#'+element).css('display', 'none');
@@ -66,13 +76,19 @@ $('#messageLink').mouseover(function(){showTip('messageLinkTip')});
 $('#messageLink').mouseleave(function(){hidTip('messageLinkTip')});
 
 $('#httpStatus').mouseover(function(){showTip('httpStatusTip')});
+$('#httpStatus').focusin(function(){focusInTip('httpStatusTip')});
 $('#httpStatus').mouseleave(function(){hidTip('httpStatusTip')});
+$('#httpStatus').focusout(function(){focusOutTip('httpStatusTip')});
 
 $('#typeSelector').mouseover(function(){showTip('typeSelectorTip')});
+$('#typeSelector').focusin(function(){focusInTip('typeSelectorTip')});
 $('#typeSelector').mouseleave(function(){hidTip('typeSelectorTip')});
+$('#typeSelector').focusout(function(){focusOutTip('typeSelectorTip')});
 
 $('#bodyEditor').mouseover(function(){showTip('bodyEditorTip')});
+$('#bodyEditor').focusin(function(){focusInTip('bodyEditorTip')});
 $('#bodyEditor').mouseleave(function(){hidTip('bodyEditorTip')});
+$('#bodyEditor').focusout(function(){focusOutTip('bodyEditorTip')});
 
 $('#headersTab').mouseover(function(){showTip('headersTabTip')});
 $('#headersTab').mouseleave(function(){hidTip('headersTabTip')});
@@ -81,7 +97,11 @@ $('#historyTab').mouseover(function(){showTip('historyTabTip')});
 $('#historyTab').mouseleave(function(){hidTip('historyTabTip')});
 
 $('#headerKeyInput').mouseover(function(){showTip('newHeaderTip')});
+$('#headerKeyInput').focusin(function(){focusInTip('newHeaderTip')});
 $('#headerKeyInput').mouseleave(function(){hidTip('newHeaderTip')});
+$('#headerKeyInput').focusout(function(){focusOutTip('newHeaderTip')});
 
 $('#headerValueInput').mouseover(function(){showTip('newHeaderTip')});
+$('#headerValueInput').focusin(function(){focusInTip('newHeaderTip')});
 $('#headerValueInput').mouseleave(function(){hidTip('newHeaderTip')});
+$('#headerValueInput').focusout(function(){focusOutTip('newHeaderTip')});