Package Exports

update-input-width

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (update-input-width) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

downloads build dependencies dev dependencies

Update-Input-Width

A function that given input element, updates its width to fit its content.

tl;dr

Install by executing npm install update-input-width or yarn add update-input-width.
Import by adding import updateInputWidth from 'update-input-width'.
Pass input element to it. Forget.

User guide

`updateInputWidth(element: HTMLInputElement)`

A function that given input element, updates its width to fit its content by setting inline width CSS property.

Sample result

Usage

import updateInputWidth from 'update-input-width';

import { updateInputWidth } from 'update-input-width';

`getFontShorthand(element: HTMLElement)`

A function that given HTML element returns font CSS shorthand property. Equal to Chrome-only code:

window.getComputedStyle(element).font

Sample result

"normal normal 600 normal 20px / 25px Arial, sans-serif"

Usage

import { getFontShorthand } from 'update-input-width';

`measureText(text: string, font: string)`

A function that given text and font CSS shorthand property returns text width in pixels.

Sample result

Usage

import { measureText } from 'update-input-width';

License

The MIT License.

Author

Wojciech Maj
kontakt@wojtekmaj.pl
http://wojtekmaj.pl