Blazorise: Tooltips

[brettwinters]

hi @stsrki

Couple of issues :

(1) I noticed that your Tooltip display an empty tooltip even when Text is "" (or null).

According to Bootstrap Docs "Tooltips with zero-length titles are never displayed."

Would you be able to fix this?

(2) Another issue, I have a Tooltip inside a fixed-width div

From memory, I think attaching the tooltip to the body element like this data-container="body" solves the issue, but I can't test it. Would you be able to expose a property called "Container" - because tooltips always have this issue since they need to float on top of everything

Regards

Brett

[stsrki]

Hi @brettwinters

1. I'm using custom implementation for Tooltip instead of _popper.js_ implementation that comes with Bootstrap. The reason is that I wanted to add support for all Blazorise providers without adding a third-party dependency. In this case the _popper.js_. Since my own implementation is fully done with css I will see what can be done for empty strings.

2. As stated in first answer adding this attribute will not help since the tooltip is custom made.

[brettwinters]

Also, while you're looking at enhancements the following features would also be useful:

(1) Support for longer messages and allow the Environment.NewLine (CR, LF) within the message. Currently the message is truncated with an ellipses ("xxxxxx ...") and CR/LF seems to be ignored)

(2) Allow html messages - bootstrap does this via a boolean html flag - although the bootstrap documentation also says

"Use text if you're worried about XSS attacks."

but I don't really know the risks and this feature is not so important.

(3) I've found that I need to display inline the tooltip as follows in every case because otherwise it displays as a block and the tooltip shows in the middle of the block

<div class="py-5">
    <label>Label : </label>
    <Tooltip Text="This is a tooltip">
        <label>Wrapped Item</label>
    </Tooltip>
</div>

Before

After

.b-tooltip {
    display: inline;
}

Regards

Brett

[stsrki]

Hi @brettwinters

1. This should not be a problem
2. It would require a major rewrite of Tooltip so I would skip this feature for now.
3. This is possible when Blazorise components are used inside of <Tooltip>. But when there are native tags like <label> I cannot do much.

What I can do is to add IsInline attribute to <Tooltip> so that it can be controller manually if needed

[stsrki]

Most of the things is fixed with #376

[WillianGruber]

New release worked perfectly for tooltips, thank you @stsrki