Саша

jsfiddle.net/yjeAN/3

Вот вам быстренько решение на jQuery (он и так на большинстве сайтов используется). На нативный js, в общем-то, очень легко переделать, если нужно.
Через css можно задать минимальную, максимальную и начальную ширину у input.
Учтено, что может быть разный размер шрифта и расстояние между буквами.

В одну строку и без зависимостей это делается так:

<input type="text" onkeydown="this.style.width = ((this.value.length + 1) * 8) + 'px';">

я бы сделал так:

element.onscroll = function (e) {
elem=e.target
  if (elem.scrollTop == 0)
    //с помощью CSS делаем тень СВЕРХУ
  else if (elem.scrollTop == elem.scrollTopMax)
    //с помощью CSS делаем тень СНИЗУ
}

У меня машина ездит на газу и на бензине. Можно так сделать, чтобы на всех передачах, кроме третьей, был бензин, а на третьей - газ?

Специалистов море, вплоть до middle-класса. Насчет сеньоров и выше не могу сказать. Себя считаю чем-то средним между джуном и миддлом, и конкуренция жесточайшая. Причем зачастую встречаюсь с кодом такого уровня, что глаза на лоб лезут и возникает вопрос - как за это могли заплатить?

Имхо, но те, кто говорят о дефиците, либо ищут не там, либо не могут заинтересовать человека нужного им уровня, либо ставят абсурдные \ слишком жесткие условия отбора.

Либо переверстывать его, либо использовать javascript если подключен jquery можно так

$(window).scroll(function(){
  $('.cart-stripe').css('left',-$(window).scrollLeft());
});

jsfiddle.net/78vL486f

Вам следует почитать про flow root, containing block и stacking context.
Так называемый flow root с overflow, отличным от visible, обязан учитывать все внутренние контексты, для которых предоставляет containing block.
Пример

Это нормальное поведение.

jsfiddle.net/1vrm94a2 - absolute, скролл есть.
jsfiddle.net/ys6ry7L8 - fixed, скролла нет.

То, что элемент, позиционированный как absolute, вне основного потока элементов (или как это по-русски правильнее?), не говорит о том, что родительный контейнер должен не показывать скролл, если дочерние элементы в него не влязят. Вы можете сделать это с помощью overflow, если нужно.

jsfiddle.net/j2nh9bb7 - overflow: visible;
jsfiddle.net/y2u84t8L - overflow: scroll;
jsfiddle.net/tzubgmwp - overflow: hidden;

А вот fixed-позиционирование не влияет на скролл/overflow никак (jsfiddle.net/kbox2nzg), да, т.к. такое поведение в него изначально было заложено - привязываться к определенной точке вьюпорта и не влиять на скролл/overflow.

Более того, влияние absolute-позиционирования на скролл - это правильно. Что будет, если ваша менюшка не влезет?

Стоит.
Ничего не мешает откатится на jpeg / png по потребности.

Используем box-shadow во избежание переполнения. Пример

Был такой плагин хороший Zapatec calendar - погуглите, там есть всё с примерами. Ну это если другой плагин тоже рассматриваете.

Если правильно понял вопрос, то удивлять нечему: что заказывали, то и получили. Контейнер на 100% процентов вьюпорта - он так и показался, а за содержимое он не ответчик.
Либо контейнеру высоту авто, либо итему с переполнением оверфлоу: хидден или авто. И будет счастье.
Это как требовать от кармана, чтобы в него ведро фиников поместилось.

А вы уверены, что тормозит именно цикл? $scope.list прилетает откуда?
Циклы очень быстрые, и 50 элементов это совсем ничто.

Можно еще убрать двунаправленное связывание через добавление к всем записям два двоеточия перед именем поля, например: {{::user.id}}

Оптимизировать для чего? У вас эта отрисовка тормозит?
50 элементов вообще ни о чем, но можно сортировку предпросчитывать, т.к. фильтры вызываются достаточно часто.
Можно еще попробовать добавить track by user.id в ng-repeat.