Applying a position to a trigger in a Tooltip with content wider than the available window width results in the tooltip being mis-positioned. Positioning tested with float, absolute (below), or grid.
Latest Chrome, Mac OS X, 1.0.0. branch. Cursor was over the button when screenshot was taken.
const {
Button,
Tooltip,
} = CUI;
const PopoverPosition = () => {
return {
view: () => {
return m(Tooltip, {
content: `
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
`,
trigger: m(Button, {
style: 'position: absolute; right: 0;',
iconLeft: 'help-circle',
}),
});
},
};
};
document.addEventListener('DOMContentLoaded', () => {
m.route(document.body, '/', {
'/': PopoverPosition
});
});
Applying a position to a trigger in a
Tooltip
withcontent
wider than the available window width results in the tooltip being mis-positioned. Positioning tested withfloat
,absolute
(below), orgrid
.Latest Chrome, Mac OS X, 1.0.0. branch. Cursor was over the button when screenshot was taken.