question-mark
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.

Phone formatter input won't go full width Angular 8

See original GitHub issue

I have the phone formatter in a a Bootstrap container-fluid, row, and in that row, 4 columns each col-md-3. But the phone formatter input isn’t applying a full width in the column - it’s shorter than the other inputs (image attached). Is there a fix for this issue?

image

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5

github_iconTop GitHub Comments

4reactions
gauravmasand09commented, Sep 23, 2020

::ng-deep ngx-intl-tel-input .iti{ width: 100% !important; } _ This will work as well

0reactions
Radiatechs-Vaibhavtcommented, Aug 10, 2021

not working either in local css and global css " ::ng-deep ngx-intl-tel-input .iti{ width: 100% !important; } "

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML body not filling complete width on mobile devices [closed]
In a strange way it is full width, but the viewport is scaled down automatically by the browser, so it fits in the...
Read more >
<input type="tel"> - HTML: HyperText Markup Language | MDN
<input> elements of type tel are used to let the user enter and edit a telephone number. Unlike <input type="email"> and <input type="url"> ......
Read more >
Angular Grid system with Bootstrap - examples & tutorial
Get three equal-width columns starting at desktops and scaling to large desktops. On mobile devices, tablets and below, the columns will automatically stack....
Read more >
Cards - Bootstrap
Use custom CSS in your stylesheets or as inline styles to set a width. Special title treatment. With supporting text below as a...
Read more >
Security - Angular
This topic describes Angular's built-in protections against common web-application vulnerabilities and attacks such as cross-site scripting attacks.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found