mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-09-21 19:59:42 +00:00
27 lines
761 B
Plaintext
27 lines
761 B
Plaintext
|
created: 20240721163229297
|
||
|
|
description: Reveal widget for popup content
|
||
|
|
modified: 20240721172211283
|
||
|
|
tags: $:/tags/wiki-test-spec
|
||
|
|
title: TestCases/RevealWidget/Popup
|
||
|
|
type: text/vnd.tiddlywiki-multiple
|
||
|
|
|
||
|
|
title: Narrative
|
||
|
|
|
||
|
|
When the button is clicked, the tiddler specified by the popup attribute is filled with the click coordinates. The reveal widget uses these coordinates to position the popup content.
|
||
|
|
+
|
||
|
|
title: Output
|
||
|
|
|
||
|
|
<$button popup="$:/SamplePopupState">Pop me up!</$button>
|
||
|
|
|
||
|
|
<$reveal type="popup" state="$:/SamplePopupState">
|
||
|
|
<div class="tc-drop-down">
|
||
|
|
|
||
|
|
! This is the popup
|
||
|
|
And this is some text
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</$reveal>
|
||
|
|
+
|
||
|
|
title: ExpectedResult
|
||
|
|
|
||
|
|
<p><button aria-expanded="false" class="">Pop me up!</button></p><p><span class=" tc-reveal" hidden="true"></span></p>
|