Git Product home page Git Product logo

tw5-appear's Introduction

tw5-appear's People

Contributors

tobibeer avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

tw5-appear's Issues

Exception in popup

TW5 ActionPopupWidget.prototype.invokeAction passes domNode: null when calling $tw.popup.triggerPopup. In Popup.prototype.show it is always assumed the dom element is not null and that creates an exception.

Use in Headers

If I try to use appear next to heading, allowing me to collapse the section, the entire section gets rendered as a header. The only way around this is to put the appear on a new line below the header, but its not as visually appealing.

Interference with behaviour of standard search in sidebar

@tobibeer

Thought you might like to know: the 'appear' plugin seems to interfere with the operation of the standard search in the sidebar. The popup listing opens only if you click the down arrow (should open when a search term is entered or when clicking in the search box.)

Accordion doesn't seem to work if not used with list

The below code will make both items to open and close together. The content of the state tiddler is the tiddler containing this snippet (and not something unique per item). Tried to use '$state' to differentiate, doesn't work either.

<$appear show="First" tooltip="shodw/hide tiddler" state="$:/state/menu/accordion">
First
</$appear>

<$appear show="Second" tooltip="show/hide tiddler" state="$:/state/menu/accordion">
Second
</$appear>

slidder - unfold all text

Hello
I have many slider
` <$vars tid1="Noter les dégâts">
<$appear show="<$text text=<>/>" $state="tiddler-slider" mode="block">
<$transclude mode="block" tiddler=<>/>
</$appear>
</$vars>

<$vars tid2="Effets des dégâts ordinaires">
<$appear show="<$text text=<>/>" $state="tiddler-slider" mode="block">
<$transclude mode="block" tiddler=<>/>
</$appear>
</$vars>

<$vars tid3="Effets d’une blessure grave">
<$appear show="<$text text=<>/>" $state="tiddler-slider" mode="block">
<$transclude mode="block" tiddler=<>/>
</$appear>
</$vars>
`
But they all open/close at the same time and not separately

Conflict with 5.2.0 drag image feature

Describe the bug

I try to use new feature: drag image to tiddler.

But it errors when I drag an image in

Uncaught TypeError: Cannot read properties of null (reading 'offsetLeft')

To Reproduce
Steps to reproduce the behavior:

  1. Use latest version of tiddlywiki nodejs
  2. Create a new tiddler, and type or just let it empty
  3. Drag an image of png that generated by MacOS screenshot
  4. See error

Expected behavior

Hope I can drag image into tiddler and insert the image reference.

Screenshots

2021-08-07.10.16.45.mov

TiddlyWiki Configuration (please complete the following information):

  • Version @tiddlygit/[email protected] ( This is just an upload to npm so tiddlygit can use latest tw to test feature (and bugs ), is completely the same as the code in the github here)
  • Saving mechanism [Node.js (TiddlyGit https://github.com/tiddly-gittly/TiddlyGit-Desktop/releases/tag/v0.4.2-a5 )]
  • Plugins installed ( I found that if I disable appear plugin then it works fine. I found this by doing dichotomy)

Desktop (please complete the following information):

TiddlyGit (darwin)
Version v0.4.2-a5.
Electron Version: 14.0.0-beta.19
Node Version: 14.17.0
Chromium Version: 93.0.4577.15

Additional context

Hope there can be a fix! This plugin have no update for 5 years!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.