awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
jackmoore avatar

jackmoore/autosizeArchived

0
View on GitHub↗
www.jacklmoore.com/autosize↗

Autosize

autosize is a client-side JavaScript utility that automatically adjusts the height of HTML textarea elements to fit their text content. It functions as a DOM layout tool designed to manage the dimensions and scrolling behavior of input fields in real time.

The utility handles dynamic resizing during user typing and window resize events. It supports height constraints by comparing calculated dimensions against CSS minimum and maximum properties to restore overflow scrolling when limits are reached.

The tool provides capabilities to monitor resize events, manually trigger layout refreshes for programmatic content changes, and remove height automation to revert elements to their original state.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • Text Input Resizing - Automatically adjusts the height of HTML textarea elements to fit their text content in real time.
  • Auto-Resizing Utilities - Automatically adjusts the height of HTML textarea elements to fit their text content in real time.
  • DOM Dimension Utilities - Provides a utility for managing the dimensions and scrolling behavior of input fields based on content changes.
  • Dynamic Height Implementations - Calculates required element height by measuring the total scrollable content area of the textarea.
  • Auto-Resizing Input Areas - Provides input fields that dynamically change their vertical size based on the length of the entered text.
  • Text Editors - Enables the creation of simple text editing interfaces where the input field expands to match the text length.
  • Client-Side Scripting - Functions as a lightweight browser script that handles real-time height recalculations for text inputs.
  • Style Property Manipulators - Programmatically updates the CSS height property of textarea elements in real time to fit their content.
  • UI Event Listeners - Triggers height recalculations by listening to keyboard input and window resize events.
  • Layout Recalculation Triggers - Exposes a manual trigger to force the recalculation of textarea height when content is changed programmatically.
  • Adaptive Vertical Heights - Recalculates the vertical size of a text area when external scripts change the content or layout.
  • Sizing Constraints - Limits how much a text input grows by using height boundaries and restoring scrollbars at the maximum limit.
  • Web Form Input Optimizations - Improves the typing experience in web forms by removing the need for manual scrollbars in multi-line text fields.
  • Input Height Constraints - Provides height boundaries that compare calculated content size against CSS min and max properties to manage overflow scrolling.
5,092 stars·692 forks·JavaScript·MIT·26 views

Star history

Star history chart for jackmoore/autosizeStar history chart for jackmoore/autosize

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with Autosize

These projects share indexed features with Autosize. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • jessesquires/jsqmessagesviewcontrollerJ

    jessesquires/JSQMessagesViewController

    11,080View on GitHub↗

    JSQMessagesViewController is a UIKit-based conversational UI framework and library for iOS. It provides a set of components for rendering interactive message streams, multimedia chat histories, and customizable input controllers within mobile applications. The framework features a layout engine that calculates dynamic bubble dimensions and handles orientation-aware rendering. It includes a resizing text input area with a customizable toolbar for sending and formatting messages, as well as support for group conversations with multiple participants. The library covers message rendering through

    Objective-C
    View on GitHub↗11,080
  • marcj/css-element-queriesmarcj avatar

    marcj/css-element-queries

    4,243View on GitHub↗

    This project is a responsive CSS library and element dimension monitor. It provides a polyfill for CSS container queries, enabling styles to be applied based on an element's specific dimensions in environments where native browser support is unavailable. The library monitors the width and height of target DOM elements in real time, triggering custom callbacks whenever dimensions change. It adapts UI components by executing layout adjustments and style changes based on predefined size thresholds rather than the overall browser window size. The tool manages these adaptations through several me

    JavaScriptcsselement-querymedia-query
    View on GitHub↗4,243
  • kenwheeler/cashkenwheeler avatar

    kenwheeler/cash

    7,039View on GitHub↗

    Cash is a lightweight JavaScript library for selecting and modifying HTML elements in modern browsers. It functions as a chainable element wrapper and DOM manipulation utility, providing a minimal alternative for managing browser DOM operations. The library uses a collection-based wrapper for DOM nodes, allowing multiple modifications and style updates to be performed in a single sequence. It is designed to provide a similar API for event handling and element management while maintaining a small footprint. The project covers a wide range of DOM manipulation capabilities, including element se

    JavaScript
    View on GitHub↗7,039
  • zdhxiong/mduizdhxiong avatar

    zdhxiong/mdui

    4,540View on GitHub↗

    mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor

    TypeScriptcssjavascriptmaterial
    View on GitHub↗4,540
Compare all 30 related projects→

Frequently asked questions

What does jackmoore/autosize do?

autosize is a client-side JavaScript utility that automatically adjusts the height of HTML textarea elements to fit their text content. It functions as a DOM layout tool designed to manage the dimensions and scrolling behavior of input fields in real time.

What are the main features of jackmoore/autosize?

The main features of jackmoore/autosize are: Text Input Resizing, Auto-Resizing Utilities, DOM Dimension Utilities, Dynamic Height Implementations, Auto-Resizing Input Areas, Text Editors, Client-Side Scripting, Style Property Manipulators.

Which projects share features with jackmoore/autosize?

Projects with overlapping indexed features include: jessesquires/jsqmessagesviewcontroller — JSQMessagesViewController is a UIKit-based conversational UI framework and library for iOS. It provides a set of… marcj/css-element-queries — This project is a responsive CSS library and element dimension monitor. It provides a polyfill for CSS container… kenwheeler/cash — Cash is a lightweight JavaScript library for selecting and modifying HTML elements in modern browsers. It functions as… zdhxiong/mdui — mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a… forkingdog/uitableview-fdtemplatelayoutcell — UITableView-FDTemplateLayoutCell is a specialized table view cell component for iOS designed to automatically… jaredreich/pell — Pell is a JavaScript text editor library and browser-based rich text editor. It provides a lightweight WYSIWYG HTML…