Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Mikkel Johansen 116 posts 292 karma points
    Sep 08, 2021 @ 07:51
    Mikkel Johansen

    Block List - RichTextEditor - can't drag'n'drop

    I have a RTE block in my Block List. But when I render the text on the content edit page. I am not able to move the RTE block, other block types works fine. On mouse-over on the RTE block the mouse cursor does not change to "hand".

    Guess it is my property-view that is missing something.

    <div ng-controller="textController" ng-click="block.edit()">
       <div ng-bind-html="bodytext"></div>

    Any one have a hint of what class/div/style I am missing?

  • Mikkel Johansen 116 posts 292 karma points
    Sep 08, 2021 @ 08:33
    Mikkel Johansen


    Found a solution myself.

    I had not assigned a css to the block element.

    enter image description here

  • Heather Floyd 604 posts 1002 karma points MVP 5x c-trib
    Nov 14, 2023 @ 17:29
    Heather Floyd

    Thanks for adding your solution. I had this issue in my v10 site recently, and assigning even an empty CSS file fixed the drag-n-drop issue, but it also destroyed the styling inside my ContentBlock. Even though I had a lightly customized Custom view file, I am generally relying on the standard back-office styles.

    It seems that if you select a CSS file, then it wraps your custom html in a shadow root and only imports your custom CSS file. Shadow DOM HTML

    Checking the official docs, I do see this explained:

    Custom stylesheet - Pick your own stylesheet to be used for this block in the Content editor. By adding a stylesheet the styling of this block will become scoped. Meaning that backoffice styles are no longer present for the view of this block.

    Except that it pulls in the "draggable" rules from the primary UI css: Style references

    I'm not sure why the "draggable" rules only apply inside the shadow-root... shouldn't they apply even if there is no custom CSS (and thus no shadow-root)?

    I'd really like to figure out how to get this working. I feel like when I originally set up these blocks it wasn't a problem.

Please Sign in or register to post replies

Write your reply to: