akveo/ngx-admin

Can not use "Maximize" mode of ckeditor in nb-tabset>nb-tab

Open

#1341 opened on Oct 24, 2017

View on GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (24,990 stars) (7,916 forks)batch import
help wanted

Description

Hi team,

If I put ckeditor inside nb-tab then the display issue (all style broken) will occur when I click on "Maximize" button.

<nb-card>
      <nb-tabset>
        <nb-tab>
             <ckeditor [config]="{ extraPlugins: 'divarea', height: '320' }"></ckeditor>
        </nb-tab>
      </nb-tabset>
<nb-card>

Please help advice. Thanks,.

Contributor guide

Tech stack
typescripthtmlcssangular
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Angular project setup
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
Reproduce the issue by creating an Angular project with ngx admin and placing a CKEditor inside nb tabset as described. Check if the issue persists in the latest versions of ngx admin and CKEditor. Investigate the CSS stacking context or z index issues when maximizing. Review the CKEditor integration code in the repository for any potential DOM manipulation conflicts.