VadikAladik
(Vadim Krutikov)
September 12, 2021, 10:02pm
1
Hey…
im in a bit of a pickle right now. I need to make it so that when i type into the text area it expands with text horizontally rather than making a new line.
im assuming that its only possible with custom code but im not a coder at all.
so if anyone has any ideas, please let me know.
https://preview.webflow.com/preview/ivan-c58dee?utm_medium=preview_link&utm_source=designer&utm_content=ivan-c58dee&preview=96a9a708f67269e4feb7d2efcf68aca4&pageId=6136ebb5480052347a78b048&workflow=preview
It is hard to understand your issue.
Is that what you’re trying to do:
VadikAladik
(Vadim Krutikov)
September 12, 2021, 10:32pm
3
It adds a horizontal scroll bar instead of expanding to the right, which is what im trying to achieve.
it should look like the above line, which is a heading with a background color.
Follow stackoverflow
- you should add custom code before body (And also clean up your styles - you use to much divs and classes & nested flex inside grid inside grid and so on - very buggy).
VadikAladik
(Vadim Krutikov)
September 12, 2021, 10:39pm
5
i found this
got to see if any of this works, im not that familiar on how to implement this code specifically.
and you’re right i do need to clean up the styles lol))
VadikAladik
(Vadim Krutikov)
September 12, 2021, 11:37pm
6
hey man, would this jquery plugin work, with this custom code imbedded?
(function($)
{
/**
* Auto-growing textareas; technique ripped from Facebook
*
*
* http://github.com/jaz303/jquery-grab-bag/tree/master/javascripts/jquery.autogrow-textarea.js
*/
$.fn.autogrow = function(options)
{
return this.filter('textarea').each(function()
{
var self = this;
var $self = $(self);
var minHeight = $self.height();
var noFlickerPad = $self.hasClass('autogrow-short') ? 0 : parseInt($self.css('lineHeight')) || 0;
var settings = $.extend({
preGrowCallback: null,
postGrowCallback: null
}, options );
This file has been truncated. show original