{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"Mobil Klavye \u00c7ak\u0131\u015fmas\u0131n\u0131 VisualViewport ile D\u00fczeltme","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"pz2pmEd6Fh\"><a href=\"https:\/\/fatihsoysal.com\/blog\/mobil-klavye-cakismasini-visualviewport-ile-duzeltme\/\">Mobil Klavye \u00c7ak\u0131\u015fmas\u0131n\u0131 VisualViewport ile D\u00fczeltme<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/mobil-klavye-cakismasini-visualviewport-ile-duzeltme\/embed\/#?secret=pz2pmEd6Fh\" width=\"600\" height=\"338\" title=\"&#8220;Mobil Klavye \u00c7ak\u0131\u015fmas\u0131n\u0131 VisualViewport ile D\u00fczeltme&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"pz2pmEd6Fh\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Mobil cihazlar\u0131n artan kullan\u0131m\u0131yla birlikte, web tasar\u0131mc\u0131lar\u0131 ve geli\u015ftiricileri s\u0131kl\u0131kla mobil klavyenin web sitesinin g\u00f6r\u00fcn\u00fcr alan\u0131n\u0131 kapatmas\u0131 sorunuyla kar\u015f\u0131 kar\u015f\u0131ya kal\u0131yorlar. Bu durum, kullan\u0131c\u0131 deneyimini olumsuz etkileyerek formlar\u0131n doldurulmas\u0131n\u0131 zorla\u015ft\u0131r\u0131yor ve hatta baz\u0131 \u00f6nemli i\u00e7eriklerin g\u00f6r\u00fcnmemesine neden olabiliyor. Bu makalede, VisualViewport'u kullanarak mobil klavye ile i\u00e7erik \u00e7ak\u0131\u015fmas\u0131n\u0131 nas\u0131l \u00e7\u00f6zebilece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z. VisualViewport, sayfan\u0131n g\u00f6r\u00fcn\u00fcr alan\u0131n\u0131 ve kullan\u0131c\u0131 etkile\u015fimini kolayla\u015ft\u0131rmak i\u00e7in tasarlanm\u0131\u015f \u00f6nemli bir \u00f6zelliktir."}