Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

quill-mention

Package Overview
Dependencies
Maintainers
1
Versions
64
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

quill-mention - npm Package Compare versions

Comparing version 2.1.2 to 2.1.3

2

package.json
{
"name": "quill-mention",
"version": "2.1.2",
"version": "2.1.3",
"description": "@mentions for the Quill rich text editor",

@@ -5,0 +5,0 @@ "main": "src/quill.mention.js",

@@ -85,2 +85,7 @@ ![Quill Mention](static/quill-mention.png "Quill Mention")

| `mentionListClass` | `'ql-mention-list'` | Style class to be used for the mention list (may be null)
### Styling
To allow styling based on the menu orientation, a class is added depending on the orientation and the `mentionContainerClass` option. By default this will be `ql-mention-list-container-bottom` or `ql-mention-list-container-top`.
## Authors

@@ -87,0 +92,0 @@

@@ -366,2 +366,10 @@ import Quill from 'quill';

if (topPos >= 0) {
this.mentionContainer.classList.add(`${this.options.mentionContainerClass}-bottom`);
this.mentionContainer.classList.remove(`${this.options.mentionContainerClass}-top`);
} else {
this.mentionContainer.classList.add(`${this.options.mentionContainerClass}-top`);
this.mentionContainer.classList.remove(`${this.options.mentionContainerClass}-bottom`);
}
this.mentionContainer.style.top = `${topPos}px`;

@@ -368,0 +376,0 @@ this.mentionContainer.style.left = `${leftPos}px`;

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc