`NcRichContenteditable`: @mention item is not rendered properly in other apps
Closed this issue · 0 comments
Antreesy commented
Am I right that now styles are not loaded from
.js
but loaded byrequire('path-to.css')
inside modules?
Might be related to it?
- with import of
NcRichContenteditable
to the project also the componentNcMentionBubble
is bundled with id '357e6d0e' (which will be used for styles scope in[data-v-357e6d0e]
) NcRichContenteditable
is using mixinrichEditor
under the hood, which is in charge of renderingNcMentionBubble
. It is also bundled in the project with id '8a961b36'dist/assets/NcMentionBubble-<hash>.css
contains styles for scopedata-v-357e6d0e
, same as sourcewebpack://./node_modules/@nextcloud/vue/dist/assets/index.css
in production code- dev environment seems to use mjs, where styles applied only for
[data-v-8a961b36]
That causes the styles for rendered mentions to be broken, if lib is used in Talk, for example:
Content in a bundled app:
Originally posted by @Antreesy in #4386 (comment)