Tooltip not positioned correctly in some cases

[marciogurka]

Forum post

"Hello Bryntum team!

Just wanted to confirm if this is something expected to happen for Tooltips in general.

I see that Bryntum handles well the Tooltip positioning based if the hovered element is too close to the top/bottom of the viewport.

Though I found that in rare cases the Tooltip will actually not be positioned to the bottom of the element. Instead it will persist on showing from the Top, and it will apply a overflow so the content can be scrolled.

If this is an expected behavior, I guess I am required to set allowOver: true to be able to see all the content?

Attached an image of this happening "

• Go to https://bryntum.com/products/schedulerpro/examples/drag-from-grid/

• Add the following eventTooltip configuration

  eventTooltip : {
  
              template(data) {
                  return `${data.eventRecord.name ? `<div class="b-sch-event-title">${data.eventRecord.name}</div>` : ""}
                  ${data.startClockHtml}
                  ${data.endClockHtml}1: <span style="float: right">Banana</span><br>2: <span style="float: right">Banana</span><br>3: <span style="float: right">Banana</span><br>4: <span style="float: right">Banana</span><br>5: <span style="float: right">Banana</span><br>6: <span style="float: right">Banana</span><br>7: <span style="float: right">Banana</span><br>8: <span style="float: right">Banana</span><br>9: <span style="float: right">Banana</span><br>10: <span style="float: right">Banana</span><br>11: <span style="float: right">Banana</span><br>12: <span style="float: right">Banana</span><br>13: <span style="float: right">Banana</span><br>14: <span style="float: right">Banana</span><br>15: <span style="float: right">Banana</span><br>16: <span style="float: right">Banana</span><br>17: <span style="float: right">Banana</span><br>18: <span style="float: right">Banana</span><br>19: <span style="float: right">Banana</span><br>20: <span style="float: right">Banana</span><br>`
              },
  allowOver: true
              },

• Check the tooltip of the 5th row, the position is not correct.

[ExtAnimal]

This is expected behaviour of Tooltip.

The align config of a Widget describes all aspects of aligning behaviour.

Tooltip's align object uses minHeight : 300 meaning that when showing above or below something it is willing to shrink to 300 pixels high before it gives up on that position and flips to the other side:

See here for all the options that align has to exactly specify how to align to a target: https://bryntum.com/products/grid/docs/api/Core/widget/Widget#typedef-AlignSpec

Maybe we can somehow document that tooltip has this value in its default align value.