The reason I ask, which might be accomplished a better way:

I'm trying to selectively ignore resize notifications that are caused by a specific function/block.

const eventBus = new EventEmitter();
const el = document.createElement('div');

const observer = new ResizeObserver(() => {
  if (someCondition()) {
    eventBus.emit('resize')
  }
})

observer.observe(el);

modifySizeWithoutTriggeringResize(() => {
  // modifications to the size of the element can be made within this function
  // and will not trigger a "resize" event on the event bus
  $(el).height(100);
});

In order to accomplish this I am thinking that I will:

Run the function passed to modifyWithoutTriggeringResize() to completion
Create an expectedContentRects map, mapping all tracked elements to their current contentRect
On the next notification from the ResizeObserver, ignore any resize entry with a contentRect that matches the rect in the expectedContentRects map.
If all resize entries are ignored, do not emit the "resize" event on the bus.

Pull getContentRect() into it's own module? #4

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions

Pull `getContentRect()` into it's own module? #4