how to create multi-line tooltips

I’m displaying an image (using the Image Frame shortcode) to which I’ve attached a tooltip (using the Tooltip shortcode). I’d really like to be able to present a multi-line bullet-list in the tooltip (or multiple lines with the <br \> code, at least), but can’t figure out how to insert line-breaks in the tooltip Text field and have them render.

Making sure I’m in Text View mode, I have entered the following code:

[column size="col-3"][tooltip position="bottom" text="Item #1<br/>Item #2<br/>Item #3"][image_frame url="mysite/wp-content/uploads/2015/05/image.png" border_style="circle-frame" action="open-lightbox" animation="helix" animation_delay="300"][/tooltip][/column]

then clicked “Update”, but I’m getting a tooltip with this:
Item #1<br/>Item #2<br/>Item #3

What I want is a tooltip that looks similar to this:

• Item #1
• Item #2
• Item #3

How do I get the “Text” field of the Tooltip shortcode to render html coding?