Lycolog

iOS Safari向けのinputやtextareaを実装するときにmaxlengthが効かない問題のメモ

maxlength

• 古いiOS Safariでは効かない模様
• iOS 18.6.2のSafari 18.6では効いていることを確認
• onInput()でstring.slice(0, maxlength)するとIMEの挙動が可笑しくなる
  • type="tel"など日本語が入力できない場合であれば有効
• オートコンプリートやコピペ入力での字切れなどもあるため、根本的に使わないことが望ましい

type="number"

• iOS Safariでは期待した動作にはならない
  • IMEが有効になり、全角入力が発生する
• iOS 18.6.2, Safari 18.6でも挙動は変わらず
• 使うならtype="tel"を使い、JSで数字以外の入力を弾くのが無難
• 恐らく普及ブラウザの全てで半角入力を強制出来、スマホなどではNumPadが出てくる
  • アルファベットやハイフンなどの記号も打てるので必要に応じた入力制御が必要

あとがき

iOS SafariのバージョンはiOS側に一定の依存があるらしく調べるのが手間だった。とりあえずUserAgentから抜いた値で確認している。

参考

"maxlength" | Can I use... Support tables for HTML5, CSS3, etc

CentOS 6.6で確認

install

パッケージマネージャーで入れられるならそれに越したことはない

wget https://storage.googleapis.com/golang/go1.9.linux-amd64.tar.gz
tar vzfx go1.9.linux-amd64.tar.gz
sudo mv go /usr/local/

PATHを通す

# goの実行パスとGOPATH(~/go/bin)をPATHに指定する
# GOPATHはglobalなnpm_modulesみたいなもんだと思う
export PATH=$PATH:/usr/local/go/bin:~/go/bin

• runコマンドでサービスを指定してコマンドを蹴ると実行結果が取れる
  • e.g. docker-compose run node-git 'npm' 't'
• コマンドを複数繋げる場合はシェルを呼び出してやる
  • e.g. docker-compose run node-git 'sh' '-c' '"ls -la && grep foo"'

Laravel + SQLServerとかやるときのメモ

sudo yum install -y epel-release
sudo yum install -y http://rpms.famillecollet.com/enterprise/remi-release-7.rpm
sudo yum update
# これがないと SQLServer への接続でコケる
sudo yum localinstall https://packages.microsoft.com/rhel/7/prod/msodbcsql17-17.4.1.1-1.x86_64.rpm
# Laravel が起動するのに必要な様々ないろいろ
sudo yum install -y php74 php74-php-common php74-php-cli php74-php-mbstring php74-php-gd php74-php-pear php74-php-pdo php74-php-mcrypt php74-php-xmlrpc php74-php-soap php74-php-devel php74-php-intl php74-php-xml php74-php-sqlsrv
# php で呼べるようにしとく
sudo ln -s /usr/bin/php74 /usr/bin/php