Как определить что текст не помещается в input?
Никак.
Можно только на js определять длину текста, и в зависимости от этого навешивать класс разрешающий показывать подсказку.function getWidthOfText(txt){
  var c=document.createElement('canvas');
  var ctx=c.getContext('2d');
  ctx.font = '16px arial';
  var length = ctx.measureText(txt).width;
  return txt + ' ' + Math.round(length);
}
К сожалению, это не универсально. В зависимости от размера окна изменяется и длина вмещающегося текста.