ਟੂਲਟਿਪਸ ਤੁਹਾਨੂੰ ਸਭ ਤੋਂ ਛੋਟੀ UI ਸਮੱਸਿਆ ਵਾਂਗ ਮਹਿਸੂਸ ਕਰਦੇ ਹਨ। ਉਹ ਛੋਟੇ ਹੁੰਦੇ ਹਨ ਅਤੇ ਆਮ ਤੌਰ 'ਤੇ ਲੁਕੇ ਹੁੰਦੇ ਹਨ। ਜਦੋਂ ਕੋਈ ਪੁੱਛਦਾ ਹੈ ਕਿ ਇੱਕ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਵੇ, ਤਾਂ ਰਵਾਇਤੀ ਜਵਾਬ ਲਗਭਗ ਹਮੇਸ਼ਾ ਕੁਝ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਾਪਸ ਆਉਂਦਾ ਹੈ। ਅਤੇ ਲੰਬੇ ਸਮੇਂ ਲਈ, ਇਹ ਸਮਝਦਾਰ ਸਲਾਹ ਸੀ. ਮੈਂ ਵੀ ਇਸਦਾ ਪਾਲਣ ਕੀਤਾ। ਸਤ੍ਹਾ 'ਤੇ, ਇੱਕ ਟੂਲਟਿਪ ਸਧਾਰਨ ਹੈ. ਕਿਸੇ ਤੱਤ 'ਤੇ ਹੋਵਰ ਕਰੋ ਜਾਂ ਫੋਕਸ ਕਰੋ, ਕੁਝ ਟੈਕਸਟ ਦੇ ਨਾਲ ਇੱਕ ਛੋਟਾ ਜਿਹਾ ਬਾਕਸ ਦਿਖਾਓ, ਫਿਰ ਜਦੋਂ ਉਪਭੋਗਤਾ ਦੂਰ ਚਲੇ ਜਾਂਦਾ ਹੈ ਤਾਂ ਇਸਨੂੰ ਲੁਕਾਓ। ਪਰ ਇੱਕ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਨੂੰ ਅਸਲ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਭੇਜਦੇ ਹੋ, ਤਾਂ ਕਿਨਾਰੇ ਦਿਖਾਉਣੇ ਸ਼ੁਰੂ ਹੋ ਜਾਂਦੇ ਹਨ। ਕੀਬੋਰਡ ਉਪਭੋਗਤਾ ਟਰਿੱਗਰ ਵਿੱਚ ਟੈਬ ਕਰਦੇ ਹਨ, ਪਰ ਕਦੇ ਵੀ ਟੂਲਟਿਪ ਨਹੀਂ ਦੇਖਦੇ। ਸਕ੍ਰੀਨ ਰੀਡਰ ਇਸਦੀ ਘੋਸ਼ਣਾ ਦੋ ਵਾਰ ਕਰਦੇ ਹਨ, ਜਾਂ ਬਿਲਕੁਲ ਨਹੀਂ। ਜਦੋਂ ਤੁਸੀਂ ਮਾਊਸ ਨੂੰ ਬਹੁਤ ਤੇਜ਼ੀ ਨਾਲ ਹਿਲਾਉਂਦੇ ਹੋ ਤਾਂ ਟੂਲਟਿਪ ਚਮਕਦੀ ਹੈ। ਇਹ ਛੋਟੀਆਂ ਸਕ੍ਰੀਨਾਂ 'ਤੇ ਸਮੱਗਰੀ ਨੂੰ ਓਵਰਲੈਪ ਕਰਦਾ ਹੈ। Esc ਦਬਾਉਣ ਨਾਲ ਇਹ ਬੰਦ ਨਹੀਂ ਹੁੰਦਾ। ਫੋਕਸ ਹੋ ਜਾਂਦਾ ਹੈ। ਸਮੇਂ ਦੇ ਨਾਲ, ਮੇਰਾ ਟੂਲਟਿਪ ਕੋਡ ਅਜਿਹੀ ਚੀਜ਼ ਵਿੱਚ ਵਧਿਆ ਜਿਸਦਾ ਮੈਂ ਅਸਲ ਵਿੱਚ ਹੋਰ ਮਾਲਕ ਨਹੀਂ ਹੋਣਾ ਚਾਹੁੰਦਾ ਸੀ। ਸਮਾਗਮ ਸੁਣਨ ਵਾਲਿਆਂ ਦੇ ਢੇਰ ਲੱਗ ਗਏ। ਹੋਵਰ ਅਤੇ ਫੋਕਸ ਨੂੰ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਸੰਭਾਲਣਾ ਪੈਂਦਾ ਸੀ। ਬਾਹਰੀ ਕਲਿੱਕਾਂ ਲਈ ਵਿਸ਼ੇਸ਼ ਮਾਮਲਿਆਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ARIA ਗੁਣਾਂ ਨੂੰ ਹੱਥਾਂ ਨਾਲ ਸਮਕਾਲੀ ਰੱਖਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਸੀ। ਹਰ ਛੋਟੇ ਫਿਕਸ ਨੇ ਤਰਕ ਦੀ ਇੱਕ ਹੋਰ ਪਰਤ ਜੋੜ ਦਿੱਤੀ। ਲਾਇਬ੍ਰੇਰੀਆਂ ਨੇ ਮਦਦ ਕੀਤੀ, ਪਰ ਉਹ ਬਲੈਕ ਬਾਕਸ ਵਰਗੇ ਵੀ ਸਨ ਜਿਨ੍ਹਾਂ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਮੈਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਝਣ ਦੀ ਬਜਾਏ ਕਿ ਪਰਦੇ ਪਿੱਛੇ ਕੀ ਹੋ ਰਿਹਾ ਸੀ। ਇਹੀ ਉਹ ਸੀ ਜਿਸਨੇ ਮੈਨੂੰ ਨਵੇਂ ਪੋਪੋਵਰ API ਨੂੰ ਵੇਖਣ ਲਈ ਧੱਕਿਆ. ਮੈਂ ਇਹ ਦੇਖਣਾ ਚਾਹੁੰਦਾ ਸੀ ਕਿ ਕੀ ਹੋਵੇਗਾ ਜੇਕਰ ਮੈਂ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਸਹਾਇਤਾ ਤੋਂ ਬਿਨਾਂ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਮੂਲ ਮਾਡਲ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਇੱਕ ਸਿੰਗਲ ਟੂਲਟਿਪ ਨੂੰ ਦੁਬਾਰਾ ਬਣਾਇਆ। ਜਿਵੇਂ ਹੀ ਅਸੀਂ ਸ਼ੁਰੂ ਕਰਦੇ ਹਾਂ, ਇਹ ਧਿਆਨ ਦੇਣ ਯੋਗ ਹੈ ਕਿ, ਜਿਵੇਂ ਕਿ ਕਿਸੇ ਵੀ ਨਵੀਂ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਨਾਲ, ਇਸਦੇ ਨਾਲ ਕੁਝ ਚੀਜ਼ਾਂ ਹਨ ਜੋ ਅਜੇ ਵੀ ਤਿਆਰ ਕੀਤੀਆਂ ਜਾ ਰਹੀਆਂ ਹਨ। ਉਸ ਨੇ ਕਿਹਾ, ਇਹ ਵਰਤਮਾਨ ਵਿੱਚ ਬਹੁਤ ਵਧੀਆ ਬ੍ਰਾਊਜ਼ਰ ਸਮਰਥਨ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ, ਹਾਲਾਂਕਿ ਸਮੁੱਚੇ API ਦੇ ਕਈ ਟੁਕੜੇ ਹਨ ਜੋ ਪ੍ਰਵਾਹ ਵਿੱਚ ਹਨ। ਇਸ ਦੌਰਾਨ ਕੈਨੀਯੂਸ 'ਤੇ ਨਜ਼ਰ ਰੱਖਣ ਦੇ ਯੋਗ ਹੈ. "ਪੁਰਾਣਾ" ਟੂਲਟਿੱਪ Popover API ਤੋਂ ਪਹਿਲਾਂ, ਇੱਕ ਟੂਲਟਿਪ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਇੱਕ ਸ਼ਾਰਟਕੱਟ ਨਹੀਂ ਸੀ। ਇਹ ਡਿਫਾਲਟ ਸੀ। ਬ੍ਰਾਊਜ਼ਰਾਂ ਕੋਲ ਟੂਲਟਿਪ ਦੀ ਮੂਲ ਧਾਰਨਾ ਨਹੀਂ ਸੀ ਜੋ ਮਾਊਸ, ਕੀਬੋਰਡ, ਅਤੇ ਸਹਾਇਕ ਤਕਨਾਲੋਜੀ ਵਿੱਚ ਕੰਮ ਕਰਦੀ ਹੈ। ਜੇਕਰ ਤੁਸੀਂ ਸ਼ੁੱਧਤਾ ਦੀ ਪਰਵਾਹ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਡਾ ਇੱਕੋ ਇੱਕ ਵਿਕਲਪ ਇੱਕ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸੀ, ਅਤੇ ਇਹੀ ਮੈਂ ਕੀਤਾ ਹੈ। ਉੱਚ ਪੱਧਰ 'ਤੇ, ਪੈਟਰਨ ਹਮੇਸ਼ਾ ਇੱਕੋ ਜਿਹਾ ਹੁੰਦਾ ਸੀ: ਇੱਕ ਟਰਿੱਗਰ ਤੱਤ, ਇੱਕ ਲੁਕਿਆ ਹੋਇਆ ਟੂਲਟਿਪ ਤੱਤ, ਅਤੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੋਵਾਂ ਦਾ ਤਾਲਮੇਲ ਕਰਨ ਲਈ।
ਲਾਇਬ੍ਰੇਰੀ ਨੇ ਵਾਇਰਿੰਗ ਨੂੰ ਸੰਭਾਲਿਆ ਜੋ ਤੱਤ ਨੂੰ ਹੋਵਰ ਜਾਂ ਫੋਕਸ 'ਤੇ ਦਿਖਾਉਣ, ਬਲਰ ਜਾਂ ਮਾਊਸ ਲੀਵ 'ਤੇ ਲੁਕਾਉਣ, ਅਤੇ ਸਕ੍ਰੌਲ 'ਤੇ ਮੁੜ-ਸਥਾਨ/ਰੀਸਾਈਜ਼ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ।
ਸਮੇਂ ਦੇ ਨਾਲ, ਟੂਲਟਿਪ ਨਾਜ਼ੁਕ ਹੋ ਸਕਦੀ ਹੈ। ਛੋਟੀਆਂ ਤਬਦੀਲੀਆਂ ਨੇ ਜੋਖਮ ਲਿਆ. ਮਾਮੂਲੀ ਫਿਕਸ ਰਿਗਰੈਸ਼ਨ ਦਾ ਕਾਰਨ ਬਣੇ। ਇਸ ਤੋਂ ਵੀ ਮਾੜੀ ਗੱਲ ਇਹ ਹੈ ਕਿ ਨਵੇਂ ਟੂਲਟਿੱਪ ਜੋੜਨ ਨਾਲ ਉਹੀ ਗੁੰਝਲਤਾ ਮਿਲੀ ਹੈ। ਚੀਜ਼ਾਂ ਨੇ ਤਕਨੀਕੀ ਤੌਰ 'ਤੇ ਕੰਮ ਕੀਤਾ, ਪਰ ਕਦੇ ਵੀ ਸੈਟਲ ਜਾਂ ਸੰਪੂਰਨ ਮਹਿਸੂਸ ਨਹੀਂ ਕੀਤਾ। ਇਹ ਚੀਜ਼ਾਂ ਦੀ ਸਥਿਤੀ ਸੀ ਜਦੋਂ ਮੈਂ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਮੂਲ ਪੋਪੋਵਰ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਟੂਲਟਿਪ ਨੂੰ ਦੁਬਾਰਾ ਬਣਾਉਣ ਦਾ ਫੈਸਲਾ ਕੀਤਾ. ਉਹ ਪਲ ਜਦੋਂ ਮੈਂ Popover API ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਮੈਂ Popover API ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਸਵਿਚ ਨਹੀਂ ਕੀਤਾ ਕਿਉਂਕਿ ਮੈਂ ਕੁਝ ਨਵਾਂ ਕਰਨ ਲਈ ਪ੍ਰਯੋਗ ਕਰਨਾ ਚਾਹੁੰਦਾ ਸੀ। ਮੈਂ ਸਵਿਚ ਕੀਤਾ ਕਿਉਂਕਿ ਮੈਂ ਟੂਲਟਿਪ ਵਿਵਹਾਰ ਨੂੰ ਕਾਇਮ ਰੱਖਣ ਤੋਂ ਥੱਕ ਗਿਆ ਸੀ ਜੋ ਮੈਨੂੰ ਵਿਸ਼ਵਾਸ ਹੈ ਕਿ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਪਹਿਲਾਂ ਹੀ ਸਮਝਣਾ ਚਾਹੀਦਾ ਸੀ. ਮੈਂ ਪਹਿਲਾਂ ਤਾਂ ਸ਼ੱਕੀ ਸੀ। ਜ਼ਿਆਦਾਤਰ ਨਵੇਂ ਵੈਬ API ਸਾਦਗੀ ਦਾ ਵਾਅਦਾ ਕਰਦੇ ਹਨ, ਪਰ ਫਿਰ ਵੀ ਗੂੰਦ, ਕਿਨਾਰੇ-ਕੇਸ ਹੈਂਡਲਿੰਗ, ਜਾਂ ਫਾਲਬੈਕ ਤਰਕ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਜੋ ਚੁੱਪਚਾਪ ਉਸੇ ਗੁੰਝਲਤਾ ਨੂੰ ਦੁਬਾਰਾ ਬਣਾਉਂਦਾ ਹੈ ਜਿਸ ਤੋਂ ਤੁਸੀਂ ਬਚਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਸੀ। ਇਸ ਲਈ, ਮੈਂ Popover API ਨੂੰ ਸਭ ਤੋਂ ਛੋਟੇ ਤਰੀਕੇ ਨਾਲ ਅਜ਼ਮਾਇਆ. ਇਹ ਇਸ ਤਰ੍ਹਾਂ ਦਾ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ:
ਨਾਲ ਕੁਨੈਕਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ
ਵਜੋਂ ਪ੍ਰਬੰਧਿਤ ਕਰਦਾ ਹੈ
1. ਕੀਬੋਰਡ “ਬਸ ਕੰਮ ਕਰਦਾ ਹੈ” ਕੀਬੋਰਡ ਸਪੋਰਟ ਕਈ ਲੇਅਰਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ ਜੋ ਸਹੀ ਢੰਗ ਨਾਲ ਲਾਈਨਿੰਗ ਕਰਦੇ ਹਨ: ਫੋਕਸ ਨੂੰ ਟੂਲਟਿਪ ਨੂੰ ਟਰਿੱਗਰ ਕਰਨਾ ਪੈਂਦਾ ਸੀ, ਬਲਰ ਨੂੰ ਇਸਨੂੰ ਲੁਕਾਉਣਾ ਪੈਂਦਾ ਸੀ, Esc ਨੂੰ ਹੱਥੀਂ ਵਾਇਰ ਕਰਨਾ ਪੈਂਦਾ ਸੀ, ਅਤੇ ਸਮੇਂ ਦੀ ਮਹੱਤਤਾ ਹੁੰਦੀ ਸੀ। ਜੇਕਰ ਤੁਸੀਂ ਇੱਕ ਕਿਨਾਰੇ ਵਾਲਾ ਕੇਸ ਖੁੰਝ ਗਏ ਹੋ, ਤਾਂ ਟੂਲਟਿਪ ਜਾਂ ਤਾਂ ਬਹੁਤ ਦੇਰ ਤੱਕ ਖੁੱਲ੍ਹੀ ਰਹੇਗੀ ਜਾਂ ਇਸਨੂੰ ਪੜ੍ਹਨ ਤੋਂ ਪਹਿਲਾਂ ਅਲੋਪ ਹੋ ਜਾਵੇਗੀ। ਪੌਪਓਵਰ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਆਟੋ ਜਾਂ ਮੈਨੂਅਲ 'ਤੇ ਸੈੱਟ ਕਰਨ ਦੇ ਨਾਲ, ਬ੍ਰਾਊਜ਼ਰ ਮੂਲ ਗੱਲਾਂ ਨੂੰ ਸੰਭਾਲ ਲੈਂਦਾ ਹੈ: Tab ਅਤੇ Shift+Tab ਆਮ ਤੌਰ 'ਤੇ ਵਿਵਹਾਰ ਕਰਦਾ ਹੈ, Esc ਹਰ ਵਾਰ ਟੂਲਟਿੱਪ ਨੂੰ ਬੰਦ ਕਰ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਕਿਸੇ ਵਾਧੂ ਸਰੋਤਿਆਂ ਦੀ ਲੋੜ ਨਹੀਂ ਹੁੰਦੀ ਹੈ।
ਜੋ ਮੇਰੇ ਕੋਡਬੇਸ ਤੋਂ ਗਾਇਬ ਹੋ ਗਿਆ ਸੀ ਉਹ ਸਨ ਗਲੋਬਲ ਕੀਡਾਊਨ ਹੈਂਡਲਰ, Esc-ਵਿਸ਼ੇਸ਼ ਕਲੀਨਅੱਪ ਤਰਕ, ਅਤੇ ਕੀਬੋਰਡ ਨੈਵੀਗੇਸ਼ਨ ਦੌਰਾਨ ਸਟੇਟ ਜਾਂਚ। ਕੀਬੋਰਡ ਅਨੁਭਵ ਕੁਝ ਅਜਿਹਾ ਬਣਨਾ ਬੰਦ ਕਰ ਦਿੱਤਾ ਜੋ ਮੈਨੂੰ ਕਾਇਮ ਰੱਖਣਾ ਸੀ, ਅਤੇ ਇਹ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਗਾਰੰਟੀ ਬਣ ਗਿਆ। 2. ਸਕਰੀਨਰੀਡਰ ਅਨੁਮਾਨਯੋਗਤਾ ਇਹ ਸੀਸਭ ਤੋਂ ਵੱਡਾ ਸੁਧਾਰ। ਏਆਰਆਈਏ ਦੇ ਸਾਵਧਾਨ ਕੰਮ ਦੇ ਨਾਲ ਵੀ, ਵਿਵਹਾਰ ਵੱਖੋ-ਵੱਖਰਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਮੈਂ ਪਹਿਲਾਂ ਦੱਸਿਆ ਸੀ। ਹਰ ਛੋਟੀ ਜਿਹੀ ਤਬਦੀਲੀ ਨੂੰ ਜੋਖਮ ਭਰਿਆ ਮਹਿਸੂਸ ਹੋਇਆ. ਇੱਕ ਸਹੀ ਭੂਮਿਕਾ ਦੇ ਨਾਲ ਇੱਕ ਪੌਪਓਵਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਬਹੁਤ ਜ਼ਿਆਦਾ ਸਥਿਰ ਅਤੇ ਭਵਿੱਖਬਾਣੀਯੋਗ ਦਿਖਦਾ ਹੈ ਅਤੇ ਮਹਿਸੂਸ ਕਰਦਾ ਹੈ ਜਿੱਥੋਂ ਤੱਕ ਕੀ ਹੋਣ ਵਾਲਾ ਹੈ:
ਅਤੇ ਇੱਥੇ ਇੱਕ ਹੋਰ ਜਿੱਤ ਹੈ: ਸਵਿੱਚ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਲਾਈਟਹਾਊਸ ਨੇ ਇੰਟਰੈਕਸ਼ਨ ਲਈ ਗਲਤ ARIA ਸਟੇਟ ਚੇਤਾਵਨੀਆਂ ਨੂੰ ਫਲੈਗ ਕਰਨਾ ਬੰਦ ਕਰ ਦਿੱਤਾ, ਜਿਆਦਾਤਰ ਕਿਉਂਕਿ ਮੇਰੇ ਲਈ ਗਲਤੀ ਨਾਲ ਗਲਤ ਹੋਣ ਲਈ ਹੁਣ ਕਸਟਮ ARIA ਸਟੇਟਸ ਨਹੀਂ ਹਨ।
3. ਫੋਕਸ ਪ੍ਰਬੰਧਨ ਫੋਕਸ ਨਾਜ਼ੁਕ ਹੁੰਦਾ ਸੀ। ਇਸ ਤੋਂ ਪਹਿਲਾਂ, ਮੇਰੇ ਕੋਲ ਨਿਯਮ ਸਨ ਜਿਵੇਂ: ਫੋਕਸ ਟ੍ਰਿਗਰ ਨੂੰ ਟੂਲਟਿਪ ਦਿਖਾਉਣ ਦਿਓ, ਫੋਕਸ ਨੂੰ ਟੂਲਟਿਪ ਵਿੱਚ ਲੈ ਜਾਓ ਅਤੇ ਬੰਦ ਨਾ ਕਰੋ, ਟ੍ਰਿਗਰ ਨੂੰ ਬਹੁਤ ਨੇੜੇ ਹੋਣ 'ਤੇ ਬਲਰ ਕਰੋ, ਅਤੇ ਟੂਲਟਿਪ ਨੂੰ ਬੰਦ ਕਰੋ ਅਤੇ ਫੋਕਸ ਹੱਥੀਂ ਰੀਸਟੋਰ ਕਰੋ। ਇਹ ਉਦੋਂ ਤੱਕ ਕੰਮ ਕਰਦਾ ਰਿਹਾ ਜਦੋਂ ਤੱਕ ਇਹ ਨਹੀਂ ਹੋਇਆ। Popover API ਦੇ ਨਾਲ, ਬ੍ਰਾਊਜ਼ਰ ਇੱਕ ਸਧਾਰਨ ਮਾਡਲ ਨੂੰ ਲਾਗੂ ਕਰਦਾ ਹੈ ਜਿੱਥੇ ਫੋਕਸ ਵਧੇਰੇ ਕੁਦਰਤੀ ਤੌਰ 'ਤੇ ਪੌਪਓਵਰ ਵਿੱਚ ਜਾ ਸਕਦਾ ਹੈ। ਪੌਪਓਵਰ ਨੂੰ ਬੰਦ ਕਰਨ ਨਾਲ ਫੋਕਸ ਟਰਿੱਗਰ 'ਤੇ ਵਾਪਸ ਆ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਕੋਈ ਅਦਿੱਖ ਫੋਕਸ ਟਰੈਪ ਜਾਂ ਫੋਕਸ ਦੇ ਗੁਆਚੇ ਪਲ ਨਹੀਂ ਹੁੰਦੇ। ਅਤੇ ਮੈਂ ਫੋਕਸ ਰੀਸਟੋਰੇਸ਼ਨ ਕੋਡ ਨਹੀਂ ਜੋੜਿਆ; ਮੈਂ ਇਸਨੂੰ ਹਟਾ ਦਿੱਤਾ।
ਸਿੱਟਾ Popover API ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਟੂਲਟਿੱਪ ਹੁਣ ਉਹ ਚੀਜ਼ ਨਹੀਂ ਹਨ ਜੋ ਤੁਸੀਂ ਸਿਮੂਲੇਟ ਕਰਦੇ ਹੋ। ਉਹ ਕੁਝ ਅਜਿਹਾ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਸਮਝਦਾ ਹੈ। ਖੋਲ੍ਹਣਾ, ਬੰਦ ਕਰਨਾ, ਕੀਬੋਰਡ ਵਿਵਹਾਰ, Escape ਹੈਂਡਲਿੰਗ, ਅਤੇ ਪਹੁੰਚਯੋਗਤਾ ਦਾ ਇੱਕ ਵੱਡਾ ਹਿੱਸਾ ਹੁਣ ਪਲੇਟਫਾਰਮ ਤੋਂ ਹੀ ਆਉਂਦਾ ਹੈ, ਐਡ-ਹਾਕ JavaScript ਤੋਂ ਨਹੀਂ। ਇਸਦਾ ਮਤਲਬ ਇਹ ਨਹੀਂ ਹੈ ਕਿ ਟੂਲਟਿਪ ਲਾਇਬ੍ਰੇਰੀਆਂ ਪੁਰਾਣੀਆਂ ਹਨ ਕਿਉਂਕਿ ਉਹ ਅਜੇ ਵੀ ਗੁੰਝਲਦਾਰ ਡਿਜ਼ਾਈਨ ਪ੍ਰਣਾਲੀਆਂ, ਭਾਰੀ ਕਸਟਮਾਈਜ਼ੇਸ਼ਨ, ਜਾਂ ਵਿਰਾਸਤੀ ਰੁਕਾਵਟਾਂ ਲਈ ਅਰਥ ਬਣਾਉਂਦੀਆਂ ਹਨ, ਪਰ ਡਿਫੌਲਟ ਬਦਲ ਗਿਆ ਹੈ। ਪਹਿਲੀ ਵਾਰ, ਸਭ ਤੋਂ ਸਰਲ ਟੂਲਟਿਪ ਸਭ ਤੋਂ ਸਹੀ ਵੀ ਹੋ ਸਕਦੀ ਹੈ। ਜੇਕਰ ਤੁਸੀਂ ਉਤਸੁਕ ਹੋ, ਤਾਂ ਇਸ ਪ੍ਰਯੋਗ ਨੂੰ ਅਜ਼ਮਾਓ: Popover API ਨਾਲ ਆਪਣੇ ਉਤਪਾਦ ਵਿੱਚ ਸਿਰਫ਼ ਇੱਕ ਟੂਲਟਿੱਪ ਨੂੰ ਬਦਲੋ, ਹਰ ਚੀਜ਼ ਨੂੰ ਮੁੜ ਨਾ ਲਿਖੋ, ਇੱਕ ਪੂਰੇ ਸਿਸਟਮ ਨੂੰ ਮਾਈਗਰੇਟ ਨਾ ਕਰੋ, ਅਤੇ ਸਿਰਫ਼ ਇੱਕ ਚੁਣੋ ਅਤੇ ਦੇਖੋ ਕਿ ਤੁਹਾਡੇ ਕੋਡ ਵਿੱਚੋਂ ਕੀ ਗਾਇਬ ਹੁੰਦਾ ਹੈ। ਜਦੋਂ ਪਲੇਟਫਾਰਮ ਤੁਹਾਨੂੰ ਇੱਕ ਬਿਹਤਰ ਮੁੱਢਲਾ ਦਿੰਦਾ ਹੈ, ਤਾਂ ਜਿੱਤ JavaScript ਦੀਆਂ ਕੁਝ ਲਾਈਨਾਂ ਨਹੀਂ ਹੁੰਦੀ, ਪਰ ਇਹ ਘੱਟ ਚੀਜ਼ਾਂ ਹੁੰਦੀਆਂ ਹਨ ਜਿਨ੍ਹਾਂ ਬਾਰੇ ਤੁਹਾਨੂੰ ਚਿੰਤਾ ਕਰਨੀ ਪੈਂਦੀ ਹੈ। ਮੇਰੇ GitHub ਰੈਪੋ ਵਿੱਚ ਪੂਰਾ ਸਰੋਤ ਕੋਡ ਦੇਖੋ. ਹੋਰ ਪੜ੍ਹਨਾ ਪੌਪਓਵਰ ਅਤੇ ਸੰਬੰਧਿਤ API ਵਿੱਚ ਡੂੰਘੇ ਗੋਤਾਖੋਰੀ ਲਈ:
"ਪੌਪਿਨ ਇਨ", ਜਿਓਫ ਗ੍ਰਾਹਮ "ਪੌਪਵਰਸ ਅਤੇ ਡਾਇਲਾਗਸ ਦੇ ਵਿਚਕਾਰ ਸਬੰਧਾਂ ਨੂੰ ਸਪੱਸ਼ਟ ਕਰਨਾ", ਜ਼ੈਲ ਲਿਊ "ਪੋਪੋਵਰ = ਸੰਕੇਤ ਕੀ ਹੈ?", ਊਨਾ ਕ੍ਰਾਵਟਸ "ਇਨਵੋਕਰ ਕਮਾਂਡਜ਼", ਡੈਨੀਅਲ ਸ਼ਵਾਰਜ਼ "ਇੱਕ HTML ਪੌਪਓਵਰ ਨਾਲ ਇੱਕ ਆਟੋ-ਕਲੋਜ਼ਿੰਗ ਨੋਟੀਫਿਕੇਸ਼ਨ ਬਣਾਉਣਾ", ਪ੍ਰੀਤੀ UI Popover API ਵਿਆਖਿਆਕਾਰ ਖੋਲ੍ਹੋ "ਪੌਪ (ਓਵਰ) ਦ ਗੁਬਾਰੇ", ਜੌਨ ਰੀਆ "CSS ਐਂਕਰ ਪੋਜੀਸ਼ਨਿੰਗ", ਜੁਆਨ ਡਿਏਗੋ ਰੋਡਰਿਗਜ਼
MDN Popover API ਲਈ ਵਿਆਪਕ ਤਕਨੀਕੀ ਦਸਤਾਵੇਜ਼ ਵੀ ਪੇਸ਼ ਕਰਦਾ ਹੈ।
