Как отследить уменьшение блока в jQueryUI resizable?

Question

[Lorem Ipsum]

Всем привет! Есть блок, у которого можно менять размер с помощью jQueryUI resizable. Как отследить, что блок уменьшается ?
В jQueryUI resizable в эвенте resize я увеличиваю шрифт у блока. А при уменьшении блока шрифт нужно тоже уменьшить. Никак не пойму, как это можно сделать?

$('.text-layer').resizable({
            ghost: true,
            resize: function () {
                $( '.text-layer .text-layer__text').css('font-size', '+=5px');
            }
        });

Answer 1

[Vlad]

Документация

$( ".selector" ).resizable({
  resize: function( event, ui ) {}
});

Comments

[Lorem Ipsum]

Я дополнил вопрос, мне нужно отследить именно уменьшение, а не resize в целом

[Vlad]

Lorem Ipsum: Сравните ui.originalSize c ui.size в этой функции. Там четко написано - originalSize размер до начала ресайза, size - текущий размер.

[Lorem Ipsum]

Vlad: Не могу разобраться, можете, пожалуйста, пример написать?

if (ui.size < ui.originalSize) {
                    $( '.text-layer .text-layer__text').css('font-size', '-=5px');
                } else {
                    $( '.text-layer .text-layer__text').css('font-size', '+=5px');
                } // не работает

[Vlad]

Lorem Ipsum:

$(function() {
      var size = {
        width:0,
        height:0
      }; 
      $( "#resize" ).resizable({
        resize: function( event, ui ) {
          if(size.width != 0 && size.height != 0) {
              if(ui.size.width < size.width || ui.size.height < size.height) {
                console.log(1);
              } else {
                console.log(2);
              }
          }
          
          size.width = ui.size.width;
          size.height = ui.size.height;
        }
      });
  });

Посмотрите, что выводит console.log.

[Lorem Ipsum]

Vlad: Огромное спасибо, все работает!