Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug]: Wrong input padding inside of toolbar popups

See original GitHub issue

I’m submitting a

Regression (a behavior that used to work and stopped working in a new release)
Bug report
Enhancement
Feature request
Documentation issue or request

Description

Using angular material and ngx-editor with formControlName inside a form causes wrong input padding of toolbar popups.

HTML <form [formGroup]="emailTemplateForm"> <app-ngx-editor [placeholder]="'Enter message template'" [spellcheck]="true" [imageEndPoint]="'uploads'" [toolbar]="ngxToolbarSet" formControlName="html" required> </app-ngx-editor></form>

Output CSS

Disabling the padding fixes it.

Version Information

ngx-editor: 3.3.0
angular: 5.2.10

Browser

Chrome - 66.0.3359.139
Mozilla Firefox - x.x.x
Opera - x.x.x
Microsoft Edge - x.x.x

Issue Analytics

State:
Created 5 years ago
Comments:8 (3 by maintainers)

Top GitHub Comments

1reaction

sibiraj-scommented, Jun 7, 2018

hi @simepy, @idealser I was working in removing ngx-bootstrap completely and implementing custom styles. Since then I recommend you to manually override the CSS properties that affects the popover.

0reactions

github-actions[bot]commented, May 22, 2022

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs and link to relevant comments in the thread.

Top Results From Across the Web

Android API 21 Toolbar Padding - Stack Overflow

The left inset is caused by Toolbar's contentInsetStart which by default is 16dp. Change this to 72dp to align to the keyline.

form-field: remove extra bottom space #7975 - GitHub

Basically: an search input with result in a list. There's way too much space between the list and the input. It's easy to...

BUG: Text input left padding not working in view mode

Solved: As you can see below, the PaddingLeft setting is ignored in view mode for a text input.

Toolbar - Android Developers

The scrollbar style to display the scrollbars inside the padded area, increasing the padding of the view. int, SCROLLBARS_INSIDE_OVERLAY.

Telerik RadControls Incorrect positioning of controls

Problem. RadWindow, RadTooltip, RadCombobox, RadToolbar and a dragged node from a RadTreeView are shown in the wrong location. In scenarios with special ...